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

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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



@font-face{

  font-family:Calibre-Bold;
  src:url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Bold.svg#Calibre-Bold) format("svg"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Bold.eot#iefix) format("embedded-opentype"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Bold.otf) format("opentype"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Bold.woff) format("woff"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Bold.ttf) format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:optional;

}


@font-face{
  font-family:Calibre-Light;
  src:url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Light.svg#Calibre-Light) format("svg"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Light.eot#iefix) format("embedded-opentype"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Light.otf) format("opentype"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Light.woff) format("woff"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Light.ttf) format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:optional;

}


@font-face{
  font-family:Calibre;
  src:url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Regular.svg#Calibre) format("svg"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Regular.eot#iefix) format("embedded-opentype"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Regular.otf) format("opentype"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Regular.woff) format("woff"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Regular.ttf) format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:optional;

}


@font-face{
  font-family:Calibre-Medium;
  src:url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Medium.svg#Calibre) format("svg"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Medium.eot#iefix) format("embedded-opentype"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Medium.otf) format("opentype"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Medium.woff) format("woff"),
    url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Fonts/calibre/Calibre-Medium.ttf) format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:optional;

}


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

/* HEADER ANIMOITU LOGO */
.logo-animation-container {
  margin-top: -5px;
  padding: 0px;
  display:flex;
  width: 250px;
  justify-content: center;
  align-items: center;
}
.logo-animation {
  margin: 0px;
  padding: 0px;
display: block;
  animation: logo-rotate 16s steps(400) infinite;
background: url("https://www.avarnsecurity.fi/hubfs/logo-sprites.png");
  height: 50px;
  width: 75px;
  top: -5px;
}
.logo-text-only {
 width: 100px;
}
@keyframes logo-rotate {
  0% {
  background-position: 0 0;
  }
  100% {
  background-position: -30000px 0;
  }
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:top;
  background:transparent;
}
body {
  line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}
nav ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

.font--medium {
  font-family:Calibre-Medium !important;
}

.font--bold {
  font-family:Calibre-Bold !important; 
}

.font--regular {
  font-family:Calibre-Regular !important; 
}

.font--light {
  font-family:Calibre-Light !important; 
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0; 
  border-top:1px solid #dedede;
  margin:1em 0;
  padding:0;
}
input, select {
  vertical-align:middle;
}

body {

  font-family: 'Calibre-Light',sans-serif;
  font-size: 18px;
  line-height: 1.28em;
  color: #474646;
}

strong, b {

  font-weight: 400;
  font-family: 'Calibre-Bold', Arial;
}

a.link-button{
  padding: 0.5rem 1rem; 
  margin: 0.5rem; 
  border: 2px solid #cecece; 
  border-radius: 5px;
  float: left; 
  font-weight: 600;
}

a:hover.link-button{
  background-color: #f6f6f6;
  color:#37868a;
}

.rivi, .rivi1, .rivi2, .rivi3, .rivi4, .rivi5, .rivi6, .rivi7 {

  padding-top: 65px;
  padding-bottom: 65px;
}


.side-piktogrammi h5 {

  margin: 15px 0 10px 0;
}

.pyyda-tarjous-bg .rivi {

  padding: 100px 0 100px;
}

.rivi-matala {

  padding-top: 30px;
  padding-bottom: 30px;
}


.rivi-korkea {

  padding-top: 100px;
  padding-bottom: 100px;
}

.in-english {

  padding-left: 10px;
}

.aa-content-color--white {
  color: #fff;
}

.aa-content-color--white h1, .aa-content-color--white h2, .aa-content-color--white h3, .aa-content-color--white h4, .aa-content-color--white h5,
.aa-content-color--white .h1, .aa-content-color--white .h2, .aa-content-color--white .h3, .aa-content-color--white .h4, .aa-content-color--white .h5,
.aa-content-color--white p {
  color: #fff;
}


.aa-content-color--black {
  color: #232323; 
}

.aa-bg--primary {
  background-color: #58C5CA;
}

.aa-bg--light {
  background-color: #DEF4F5 ;
}

.aa-bg--black {
  background-color: #232323;
}


.aa-bg--white {
  background-color: #fff;
}

.navTrigger {
  cursor: pointer;
  width: 30px; 
  height: 25px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.navTrigger i {
  background-color: #fff;
  border-radius: 2px;
  content: '';
  display: block;
  width: 100%;
  height: 4px;
}
.navTrigger i:nth-child(1) {
  -webkit-animation:outT 0.8s backwards;
  animation:outT 0.8s backwards;
  -webkit-animation-direction:reverse;
  animation-direction:reverse;
}
.navTrigger i:nth-child(2) {
  margin: 5px 0;
  -webkit-animation:outM 0.8s backwards;
  animation:outM 0.8s backwards;
  -webkit-animation-direction:reverse;
  animation-direction:reverse;
}
.navTrigger i:nth-child(3) {
  -webkit-animation:outBtm 0.8s backwards;
  animation:outBtm 0.8s backwards;
  -webkit-animation-direction:reverse;
  animation-direction:reverse;
}

.navTrigger.active i:nth-child(1) {
  -webkit-animation:inT 0.8s forwards;
  animation:inT 0.8s forwards;
}
.navTrigger.active i:nth-child(2) {
  -webkit-animation:inM 0.8s forwards;
  animation:inM 0.8s forwards;
}
.navTrigger.active i:nth-child(3) {
  -webkit-animation:inBtm 0.8s forwards;
  animation:inBtm 0.8s forwards;
}


@-webkit-keyframes inM{
  50%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(45deg);}
}
@keyframes inM{
  50%{transform:rotate(0deg);}
  100%{transform:rotate(45deg);}
}

@-webkit-keyframes outM{
  50%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(45deg);}
}
@keyframes outM{
  50%{transform:rotate(0deg);}
  100%{transform:rotate(45deg);}
}

@-webkit-keyframes inT{
  0%{-webkit-transform: translateY(0px) rotate(0deg);}
  50%{-webkit-transform: translateY(9px) rotate(0deg);}
  100%{-webkit-transform: translateY(9px) rotate(135deg);}
}
@keyframes inT{
  0%{transform: translateY(0px) rotate(0deg);}
  50%{transform: translateY(9px) rotate(0deg);}
  100%{transform: translateY(9px) rotate(135deg);}
}

@-webkit-keyframes outT{
  0%{-webkit-transform: translateY(0px) rotate(0deg);}
  50%{-webkit-transform: translateY(9px) rotate(0deg);}
  100%{-webkit-transform: translateY(9px) rotate(135deg);}
}
@keyframes outT{
  0%{transform: translateY(0px) rotate(0deg);}
  50%{transform: translateY(9px) rotate(0deg);}
  100%{transform: translateY(9px) rotate(135deg);}
}

@-webkit-keyframes inBtm{
  0%{-webkit-transform: translateY(0px) rotate(0deg);}
  50%{-webkit-transform: translateY(-9px) rotate(0deg);}
  100%{-webkit-transform: translateY(-9px) rotate(135deg);}
}
@keyframes inBtm{
  0%{transform: translateY(0px) rotate(0deg);}
  50%{transform: translateY(-9px) rotate(0deg);}
  100%{transform: translateY(-9px) rotate(135deg);}
}

@-webkit-keyframes outBtm{
  0%{-webkit-transform: translateY(0px) rotate(0deg);}
  50%{-webkit-transform: translateY(-9px) rotate(0deg);}
  100%{-webkit-transform: translateY(-9px) rotate(135deg);}
}
@keyframes outBtm{
  0%{transform: translateY(0px) rotate(0deg);}
  50%{transform: translateY(-9px) rotate(0deg);}
  100%{transform: translateY(-9px) rotate(135deg);}
}

@media (min-width: 768px) {
  .aa-page .aa-module {
    padding-left: 10px;
    padding-right: 10px;
  }

}
.aa-page .aa-module {
  padding-left: 20px;
  padding-right: 20px;
}


.aa-triangle {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 63% 95%, 50% 100%, 37% 95%, 0 95%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 63% 95%, 50% 100%, 37% 95%, 0 95%);
}


@media (min-width: 768px) {
  .aa-triangle {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 53% 95%, 50% 100%, 47% 95%, 0 95%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 53% 95%, 50% 100%, 47% 95%, 0 95%);
  }
}

@media (min-width: 1440px) {
  .aa-triangle {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 52% 95%, 50% 100%, 48% 95%, 0 95%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 52% 95%, 50% 100%, 48% 95%, 0 95%);
  }

  .aa-content .aa-triangle {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 53% 95%, 50% 100%, 47% 95%, 0 95%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 54% 95%, 50% 100%, 46% 95%, 0 95%);
  }
}

/* Bootstrap */


.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  flex-direction: row;

  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 1200px) {
  .row {
    margin-right: -20px;
    margin-left: -20px;
  }
}

.row--column {
  flex-direction: column;
}

.row--disable {
  display: block;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto { 
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
  .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
  .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
  .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
  .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
  .col-xl-auto { 
    padding-right: 20px;
    padding-left: 20px;
  }
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}


@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%; 
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

}


/* Bootsrap END */

.aa-module-spacing--smallest {
  padding-top: 15px;
  padding-bottom: 15px;
}

.aa-module-spacing--small {
  padding-top: 30px;
  padding-bottom: 30px;
}
.aa-module-spacing--medium {
  padding-top: 45px;
  padding-bottom: 45px;
}
.aa-module-spacing--large {
  padding-top: 60px;
  padding-bottom: 60px;
}

.aa-module-spacing--extralarge {
  padding-top: 100px;
  padding-bottom: 100px;
}

.aa-module-spacing-bottom--smallest {
  padding-bottom: 15px;
}

.aa-module-spacing-bottom--small {
  padding-bottom: 30px;
}
.aa-module-spacing-bottom--medium {
  padding-bottom: 45px;
}
.aa-module-spacing-bottom--large {
  padding-bottom: 60px;
}

.aa-module-spacing-bottom--extralarge {

  padding-bottom: 100px;
}


.aa-module-spacing-top--smallest {
  padding-top: 15px;
}

.aa-module-spacing-top--small {
  padding-top: 30px;
}
.aa-module-spacing-top--medium {
  padding-top: 45px;
}
.aa-module-spacing-top--large {
  padding-top: 60px;
}

.aa-module-spacing-top--extralarge {

  padding-top: 100px;
}

@media (min-width: 768px) {

  .aa-module-spacing--medium {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .aa-module-spacing--large {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .aa-module-spacing--extralarge {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .aa-module-spacing-bottom--medium {
    padding-bottom: 60px;
  }
  .aa-module-spacing-bottom--large {
    padding-bottom: 100px;
  }

  .aa-module-spacing-bottom--extralarge {

    padding-bottom: 160px;
  }

  .aa-module-spacing-top--medium {
    padding-top: 60px;
  }
  .aa-module-spacing-top--large {
    padding-top: 100px;
  }

  .aa-module-spacing-top--extralarge {
    padding-top: 160px;

  }
}

.aa-content-position--left {
  justify-content: flex-start;
}
.aa-content-position--center {
  justify-content: center;
}



form {

  margin-bottom: 35px;    
}

.yhteystiedot .side-content h2:first-child {

  margin-top: 0;
}

.body-container form ul li {
  background: none;
  padding: 0 0 12px 2px;
  list-style: none;
}

.cookieconsent-optout-marketing {
  padding: 0 0 56.25% 0;

  overflow: hidden;
  height: 0;
  position: relative; 
  background: #eee;
  text-align: center;
  width: 100%;
  display:block;
}

.cookieconsent-optout-marketing div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  z-index: 5;

}

.cookieconsent-optout-marketing div, .cookieconsent-optout-marketing a {

  font-size: 20px;
  line-height: 1.3em;
  font-weight: 700;
}

.cookieconsent-optout-marketing.cookieconsent-optout-marketing--youtube::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: url(https://www.avarnsecurity.fi/hubfs/Identify/Some/youtube-bg3.png);
  background-size: cover;
  background-position: center center;
  opacity: 0.1;
}

.aa-anchor {

  width: 0;
  height: 0;
  position: relative;
  overflow: hidden;

}
.aa-anchor span {
  position: absolute;
  top: 0;
  left: -9999px;
  width: 1px;
  height: 1px;
  z-index: -1;
}


.hs-form fieldset.form-columns-1 input[type="checkbox"], .hs-form fieldset.form-columns-1 input[type="radio"] {
  width: 22px !important;
}

.hs-form .hs-form-radio label, .hs-form .hs-form-checkbox label  {
  font-size: 18px;
  line-height: 1em;
}

.hs-button.primary {
  margin-top: 15px !important;
  display: inline-block;
}

.landari .form-title {
  margin-top: 10px;
}

form textarea {
  min-height: 120px;
}

form .hs-error-msgs {
  margin: 0px 0px 0px !important;
}

.body-container form ul {
  margin-top: 14px;
}

.etusivu .rivi1 {

  padding: 180px 0 30px;
}

.etusivu .rivi2 {
  padding-left: 0;
  padding: 36px 0 20px 0;
}

.blogi-nosto {

  padding: 0px 0px !important;
}

.body-container ul {

  padding-left: 25px;
}

.aa-content-alignment--center {
  text-align: center; 
}
h1,h2,h3,h4,h5,h6 {
word-break: break-word; 
}

h1, .h1 {

  font-size: 32px;
  font-weight: 400;
  font-family: 'Calibre-Medium', Arial;
  line-height: 1em;
  color: #232323;
  margin: 0px;
  position: relative;
  padding: 0 0 30px;
}

.etusivu h1, .etusivu .h1, .asiakkaat-kertovat .h1 {

  font-size: 48px;
  font-weight: 400;
  font-family: 'Calibre-Light', Arial;
  line-height: 1em;

  margin: 0px;
  padding: 0 0 30px;
}

.perussivu .h1, .perussivu h1, .palvelusivu .h1, .palvelusivu h1, .h1 {

  padding-bottom: 15px ;
  margin-bottom: 20px ;
  display: block;
}

.perussivu .h1::after, .perussivu h1::after, .palvelusivu .h1::after, .palvelusivu h1::after, .h1::after { 
  content: "";
  color: #89d6da;
  font-size: 13px;
  line-height: 1em;
  position: relative;
  left: 0px;
  display: block;
  bottom: 0px;
  border-bottom: 1px solid #89d6da;
  width: 40px;
  height: 1px;
  margin-top: 20px;
}

.aa-subheading {
  font-size: 22px;
  font-family: 'Calibre-Medium', Arial;
  line-height: 1.2em;
}

.aa-subheading--bigger {
  font-size: 26px; 
}

.font--bold.aa-subheading {
  font-family: 'Calibre-Bold', Arial;
}

.font--light.aa-subheading {
  font-family: 'Calibre-Light', Arial;
}

@media (min-width: 768px) {
  .font--28 {
    font-size: 28px;
    line-height: 1.2em;
  }

  .font--26 {
    font-size: 26px;
    line-height: 1.15em;
  }
}

.button-red-sh{
  background-color: #E56A54;
  padding: 1rem 1.75rem;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
  transition: all .4s ease;
  display: inline-block;
}

.button-black-sh{
  background-color: #000;
  padding: 1rem 1.75rem;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
  transition: all .4s ease;
  display: inline-block;
}

.button-black-sh:hover, .button-black-sh:focus-within {
 background-color: #474646;
  opacity: 1;
}

.button-blue-sh{
  background-color: #58C5CA;
  padding: 1rem 1.75rem;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
  transition: all .4s ease;
  display: inline-block;
}


.toihin .h1::after, .toihin h1::after, .tilastot-bg .h1::after, .tilastot-bg h1::after {  
  content: none !important; 
}

.blog .vidyard-player-container {
  padding-bottom: 25px; 
}

.etusivu h1, .etusivu .h1, .blog h1, .blog .h1 {

  padding: 0px;
}



.landari h1 {

  margin-top: 0px;
}



h2, .h2 {

  font-size: 30px;
  font-weight: 400;
  line-height: 1.2em;
  font-family: 'Calibre-Medium', Arial;
  color: #232323;
  margin: 25px 0 10px;
  padding: 0;
}

.h2--bigger {
  font-family: 'Calibre-Bold', Arial;
  font-weight: 400;
}

@media (min-width: 1200px) {
  .h2--bigger {
    font-size: 56px;
    line-height: 1.2em;
    font-family: 'Calibre-Bold', Arial;
    font-weight: 400;
  }
}

.etusivu h2, .etusivu .h2 {

  font-size: 32px;
  font-weight: 400;
  line-height: 1.2em;
  font-family: 'Calibre', Arial;

  margin: 20px 0 20px;
  padding: 0;
}

h3, .h3 {

  font-size: 20px;
  font-weight: 400;
  line-height: 1.3em;

  margin: 20px 0px 10px;
  font-family: 'Calibre-Medium', Arial;

  padding: 0px;
}

.etusivu h3, .etusivu .h3 {

  font-size: 24px;
  font-weight: 400;
  line-height: 33px;

  margin: 20px 0px 30px;
  font-family: 'Calibre-Bold', Arial;

  padding: 0px;
}

.landari h3 {

  margin: 30px 0 30px;
}

h4, .h4 {

  font-size: 20px;
  font-weight: 400;
  line-height: 1.3em;

  margin: 20px 0px 15px;
  font-family: 'Calibre-Medium', Arial;
}

.etusivu h4, .etusivu .h4 {

  font-size: 24px;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0px 0px 30px;
  font-family: 'Calibre-Light', Arial;
}

h5, .h5 {

  font-size: 20px;
  font-weight: 400;
  line-height: 1.3em;
  color: #3c3c3c; margin: 20px 0px 15px; 
  margin: 20px 0px 10px;
  font-family: 'Calibre-Medium', Arial;
}

.palvelu-otsikko {

  font-size: 60px !important;
  display: block !important;
  color: #3fcfd5 !important;
  line-height: 1.1em !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
}

.palvelu-alaotsikko, .palvelu-alaotsikko * {

  font-size: 20px !important;
  display: block !important;
  color: #85888b !important;
  line-height: 1.2em !important;
  font-weight: 400 !important;
  font-family: 'Calibre-Bold', Arial !important;
  margin: 0 0 26px 0 !important;
  padding: 0 !important;
}



.etusivu h5, .etusivu .h5 {

  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.3em;

  margin: 10px 0px 20px;
  padding: 0px;
}

.palvelut-2017 h5 a {

  font-size: 20px;
  text-transform: none;
  font-weight: 300;
  line-height: 1.3em;
  color: #3c3c3c;
  margin: 10px 0px 20px;
  padding: 0px;
}

.palvelut-2017 h5 a:hover {
  color: #6c6c6c;
}

.palvelut-2017 img:hover {
  opacity: 0.55;
}

.navigaatio-otsikko a {

  color: #3c3c3c !important;
}



h6, .h6, blockquote, blockquote * { 
  font-size: 24px !important;
  color: #474646 !important;
  font-family: 'Calibre-Light',sans-serif !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  margin: 0px 0px 20px !important;
  display: block !important;
}


.valkoinen-teksti blockquote,.valkoinen-teksti blockquote *:not(a) {  
  color: #fff !important;
}

blockquote * {
  display: inline-block !important;
  margin: 0 !important;
}

blockquote a {
  color: #43c4cb !important; 
}


.etusivu h6, .etusivu .h6 {
  font-size: 30px;
  font-weight: 300  !important;
  line-height: 33px ;
  color: #000 ;
  margin: 0px 0 20px;
  padding: 0px ;
}

.toggle-google .fa {
  font-size: 24px;
}

.no-margin, .aa-no-margin {
  margin: 0; 
}

.no-line h2::after {
  content: none !important;
}

p {   
  font-size: 18px;
  line-height: 1.5em;
  color: #000;
  margin: 0px 0px 20px;
}

a {   
  color: #43c4cb;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.blog-sidebar input[type="email"] {
  margin-bottom: 5px;
}

.blog-sidebar form {
  margin-bottom: 5px;
}

ul.hs-error-msgs {
  margin-bottom: 0px !important;
}

.body-container ul {
  padding-left: 0px;
  margin-bottom: 20px;
}

.body-container ul li {   
  background: url('//www.avarn.fi/hubfs/Images/Ikonit/bulleting.png') no-repeat left 8px;
  padding: 0px 0px 6px 20px;
  list-style: none;  
}

.body-container .bulleting--normal ul {
  margin: 0;
  padding: 0 0 0 18px;
}

.body-container .bulleting--normal ul li {   
  background: none;
  padding: 0px 0px 15px 5px;
  list-style: initial;  
}

.body-container .bulleting--normal ul li:last-child {
  padding-bottom: 0; 
}

.mobile {
  display: none !important;
}

.verkkokoulutus .takaisin a {
  display: block;
  margin: 30px 0px 0px;
}

.kehys, .aa-content, .aa-content--normal {

  float: none !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
}

.kehys-980, .aa-content-width--smaller {
  float: none !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
}

.kehys-levea, .aa-content-width--wide {
  float: none !important;
  width: 100% !important;
  max-width: 1465px !important;
  margin: 0 auto !important;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.hs-blog-post .kehys-levea {
  float: none !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
}

.kehys-taysi {
  float: none !important;
  width: 100% !important;
  max-width: 95% !important;
  margin: 0 auto !important;

}

.kehys-1920, .aa-content-width--full {
  float: none !important;
  width: 100% !important;
  max-width: 1920px !important;
  margin: 0 auto !important;

}

.full-img img, img.full-img {
  width: 100% !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  z-index: 200;
}

a.cta {
  background: #005378 url("//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Offers/Kannet/lataa-esite.jpg?t=1455271040324") no-repeat scroll right -8px;
  display: block;
  box-sizing: border-box !important;
  font-size: 30px;
  font-weight: 400;
  line-height: 33px;
  margin: 20px 0 30px;
  letter-spacing: -1px;
  padding: 36px 45px;
  color: #FFF;
}



a.cta:hover {
  opacity: 0.8;
  transition: 0.5s all;
}

hr {
  margin: 30px 0px;
}

.quote-box {
  position: relative;
  padding-left: 55px;
}

.quote-box::before {
  content: "";
  width: 27px;
  height: 20px;
  background: url(https://www.avarn.fi/hubfs/Identify/Ikonit/quote-transparent.png) no-repeat center center;
  position: absolute;
  top: 0; 
  left: 0px;

}

.tumma-bg .quote-box::before {
  background: url(https://www.avarn.fi/hubfs/Images/Ikonit/2017/lainaus-valk.png) no-repeat center center;
}


.quote-box .name {
  font-family: 'Calibre-Bold';
  font-weight: 400;

}

.etusivu-galleria h1 {
  color: #fff;
  padding-bottom: 35px;
  position: relative;
  margin-bottom: 35px;

}

.etusivu3 .etusivu-galleria h1 {   
  padding-bottom: 0;
  margin-bottom: 35px;

}

.etusivu3 .etusivu-galleria h1::after {    
  content: none;
}

.etusivu-galleria .hs_cos_gallery_main .slick-slide img, .etusivu-galleria .hs_cos_gallery_thumbnails .slick-slide img, .etusivu-galleria .hs_cos_gallery_lightbox .slick-slide img {
  display: none !important;
}

.etusivu-galleria .slick-prev, .etusivu-galleria .slick-next  {
  display: none !important;
}

.etusivu-galleria .slick-slider {
  margin-bottom: 0;
  padding-left: 0;
}

.etusivu-galleria .slick-slider li {
  list-style: none;
  background: none;
  padding: 0 0 10px 6px;
}

.etusivu-galleria h1::after {
  content: "________";
  color: #fff;
  font-size: 13px;
  line-height: 1em;
  position: absolute;
  left: 0;
  bottom: 0;
}

.etusivu-galleria .hs_cos_gallery_main .slick-slide {
  text-align: left;
}

.etusivu-galleria  .slick-dots {
  text-align: left;
}

.etusivu-galleria  .slick-dots li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #3fcfd5;
  opacity: 0.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.etusivu3 .etusivu-galleria  .slick-dots li button::before { 
  color: #232323;
  opacity: 1;
}

.etusivu3 .etusivu-galleria  .slick-dots li.slick-active button::before {
  color: #fff;   
  opacity: 0.75;
}

.etusivu-galleria  .slick-dots li.slick-active button::before {
  color: #fff;
  opacity: 0.75;
}

.side-navigation .hs-menu-wrapper.hs-menu-flow-vertical .hs-menu-depth-2 > a {
  display: block;
  white-space: nowrap;
  width: auto;
  background: #2d2d2d none repeat scroll 0% 0%;
  color: #fff;
  text-shadow: initial;
  border: 0px none;
  padding: 14px 30px;
  text-transform: none;
  font-family: 'Calibre-Light';
  font-weight: 400;
  overflow: hidden;
  font-size: 17px;
  text-overflow: ellipsis;
}

.side-navigation h3 {
  margin: 0 0 10px;
}

.side-navigation .hs-menu-wrapper.hs-menu-flow-vertical .hs-menu-depth-2 > a:hover {
  background: #2d2d2d none repeat scroll 0% 0%;
  color: #3fcfd5 !important;
}
.side-navigation li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 50% !important;
}

.main-header .kehys-levea {
  float: none !important;
  width: 100% !important;
  max-width: 1225px !important;
  margin: 0 auto !important;
}

.main-header {
  background: #2d2d2d;

}

.perussivu .rivi1 {
  padding: 80px 0px;
}



.main-header-simple {

  background: #232323;
  padding: 15px 0px;
}

.landari .toihin {
  display: none !important;
}

.landari form {
  margin-bottom: 35px;
  max-width: 80%;
  margin: 0 auto;
}

.valkoinen-bg {
  background: rgba(255,255,255,0.5);
  padding: 30px;
  box-sizing: border-box;
}

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

.porssi .hs-menu-wrapper.hs-menu-flow-vertical .hs-menu-depth-2>a {
  display: block;
  white-space: nowrap;
  width: auto;
  background: none;
  color: #000 !important;
  text-shadow: initial;
  border: 0 none;
  padding: 8px 30px;
  text-transform: none;
  font-weight: 400;
  overflow: hidden;
  font-size: 17px;
  text-overflow: ellipsis;
}

body .porssi .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-2 a {
  color: #000 !important;
}

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

a img:hover {
  opacity: 0.7;
  transition: all 0.5s;
}

.main-header a {
  color: #fff;   
}

.main-header .kehys-levea {
  position: relative;
}

.top-header {
  background: #232323;
}

.blogi-nosto {
  background: #2d2d2d;
}

.blogi-nosto .kehys {
  max-width: 1370px !important;
  box-sizing: border-box;
}

.tilastot-bg {
  background: #2d2d2d;
  text-align: center;
}

.etusivu4 .tilastot-bg {
  text-align: center;
}

.tilastot-bg .h1 {
  font-size: 72px;
  line-height: 1em;
}

.tilastot-bg h4 {
  margin-bottom: 0px;   
}

.tilastot-bg .vali {
  padding: 35px 15px;
  box-sizing: border-box;
}

.tilastot-bg * {
  color: #fff;
}

.toihin {
  padding: 15px 0px;
  background: #2d2d2d;
}



.harmaa-bg {
  background: #eee;
  padding: 30px 20px;
  box-sizing: border-box;
}

.footer-container .harmaa-bg {
  background: #232323;
  padding: 30px 20px;
  box-sizing: border-box;
}



.blog-tag-listing {
  background: #ececec;
  color: #000000;
  text-align: center; 
  padding: 0;
}

.blog-tag-listing a {
  background: #ececec;
  color: #000000;
  padding: 0 0.5em;
  line-height: 3em;
  position: relative;
}

.blog-tag-listing a.current {
  font-family: 'Calibre-Medium', Arial;
  font-weight: bold;
}

.blog-sidebar .harmaa-bg {
  max-width: 280px;
}

.light-blue-bg {
  background-color: rgba(229,244,248,.5); 
}

.blog-sidebar .widget-module, .blog-sidebar form {
  background: #ececec;
  padding: 20px;
  box-sizing: border-box;
  border-top: 6px solid #42c4cb;
}

.blog-sidebar {
  padding-top: 20px ;  
  box-sizing: border-box;
}


.kohderyhmanostot {
  background: #fff;
}

body .row-fluid [class*="span"] {   
  min-height: 1px;
}

.cta-kiitos .cta_button {   
  padding: 35px 0px;
  display: block;
}

body .hs-form fieldset.form-columns-1 .hs-input {    
  width: 100%;
  box-sizing: border-box;
}

body .hs-form {
  /*  
  width: 100%;
  max-width: 740px;
  margin: 0 auto !important;

  */
}

.blog-header {
  display: block;
  padding: 70px 0 20px;
  background: #3FCFD5;
}

.blog2017 .blog-header {
  display: block;
  padding: 0 0 0;
  background: #3FCFD5;
  overflow: hidden;
  position: relative;
}

.blog2017 .blog-header p {
  margin: 0;
}

.blog2017 .blog-header .wrapper {
  position: relative;
  z-index: 5;
  left: 0;
  top: 0;
}

.blog2017 .blog-header .tausta-bg {
  position: absolute;
  right: 0;
  width: 70%;
  height: 200px;
  top: 0;
  background: #232323;
  z-index: 1;
  max-width: 1950px;
}

.blog2017 .blog-header .vasen {
  float: left;
  width: auto;
  position: relative;
  background: #3FCFD5;
  padding: 42px 65px 37px 0;
}

.blog2017 .blog-header .oikea::after {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 35px;
  margin-top: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: solid 20px #3FCFD5;
  border-top: solid 20px transparent;
  border-bottom: solid 20px transparent;
}

.blog2017 .blog-header .oikea {
  float: left;
  width: auto;
  position:relative;
  padding: 42px 0 42px 8%;
  background: #232323;
}

.blog2017 .blog-header .h1 {
  margin: 0;
  padding: 0;
  line-height: 1em;
}

.blog2017 .blog-header .h1::after {
  content: none;
}

.blog2017 .widget-type-blog_subscribe {
  background: #ececec;
  padding: 20px;
  box-sizing: border-box;
  border-top: none;

}

.blog2017 .widget-type-blog_subscribe form {

  border: none;
  padding: 0;   
}

.blog2017 .blog-sidebar .widget-type-blog_subscribe h3 {
  font-size: 24px;
  line-height: 1em;
  margin: 10px 0 25px;
  padding: 0;
}   

.blog2017 .blog-sidebar .widget-module a {
  color: #42c4cb;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dedede;
}

.blog2017 .blog-sidebar .widget-module li:first-child {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #dedede;
}

.blog2017 .blog-sidebar label {
  font-size: 17px;
  line-height: 1.1em;
}

.most-related {
  margin: 40px 0;
}

.blog2017 .blog-sidebar .widget-module a.filter-expand-link {
  color: #e6634a;
  border-bottom: none;
}

.blog2017 .blog-sidebar .moduuli {
  margin-bottom: 70px; 
}

.blog2017 .blog-sidebar h3 {
  font-size: 20px;
  line-height: 1em;
  margin: 0 0 5px;
  padding: 0;
}   


.blog2017 .blog-sidebar h3::after {
  content: none;
}

.blog2017 .blog-sidebar .widget-module, .blog2017 .blog-sidebar form {
  background: none;
  padding: 0;
  box-sizing: border-box;
  border-top: none;
}

.blog-header h2 {
  color: #fff;
  font-family: 'Calibre-Medium', san-serif;
  font-size: 50px;
  margin: 0;
  line-height: 1.2em;
}

body .hs-form fieldset {   
  max-width: 100%;
}

.kohderyhmanostot * {
  color: #2c2c2c !important;   
}

.kohderyhmanostot .hs_cos_wrapper_widget  {
  position: relative;
  background: #003d5a;
  width: 33.33%;
  display: inline-block; 
  padding: 50px 2% 13px;
  box-sizing: border-box;
  margin: 0;
  background: none;
  border: none !important;
  border-right: 1px solid #42c4cb !important;
  border-bottom: 1px solid #42c4cb !important;
  min-height: 300px;
  color: red !important;
}

.kohderyhmanostot .hs_cos_wrapper_widget:hover  {
  opacity: 0.7;
  background: none !important;
}   

.kohderyhmanostot .hs_cos_wrapper_widget  {
  border: 1px solid #000; 
}

.kohderyhmanostot .hs_cos_wrapper_widget:hover {
  background: #f0f0f0;
  transition: 0.6s all;
}

body .kohderyhmanostot a, .kohderyhmanostot h1, .kohderyhmanostot h2, .kohderyhmanostot h3 a, .kohderyhmanostot h4 {
  color: #2c2c2c !important;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  font-size: 25px;
  line-height: 1.3em;
  display: block;
  font-family: 'Calibre',Arial;
}

.kohderyhmanostot h3 a::after {
  content: "____";
  color: #89d6da;
  font-size: 13px;
  line-height: 1em;
  position: absolute;
  left: 0;
  bottom: 0;
}

html body .kohderyhmanostot p, html body .kohderyhmanostot span {
  color: #918f90 !important;
}

.kohderyhmanostot h1, .kohderyhmanostot h2, .kohderyhmanostot h3, .kohderyhmanostot h4 {
  font-size: 30px;
  font-weight: 400;
  line-height: 33px;
  color: #85888b;
  margin: 0px 0px 15px;
  letter-spacing: -1px;
  padding: 0px;
  color: #fff;
}

.kohderyhmanostot a {
  color: #fff;
}


.kohderyhmanostot a:hover {  
  color: #3fcfd5 !important;
}


body.kohderyhma .tilastot-bg {
  background: #232323;
}

.paamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  display: inline-block;
  padding: 38px 26px 17px;
  white-space: nowrap;
  max-width: 440px;
  overflow: hidden;
  color: #fffdfd;
  text-overflow: ellipsis;
  text-decoration: none;
  font-weight: 400;
  font-family: 'Calibre', Arial;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1em;
}

.paamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul ul {
  min-width: 224px;
}

.ylamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  display: inline-block;
  padding: 5px 13px 0px;
  white-space: nowrap;
  max-width: 440px;
  overflow: hidden;
  color: #fffdfd;
  text-overflow: ellipsis;
  text-decoration: none;
  font-weight: 400;
  font-family: 'Calibre-Light',Arial;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1em;
  height: 18px;
}

.ylamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-child a {
  border: none;
}

.ylamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
  padding: 0px 4px;
}

.ylamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover, .paamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover  {
  color: #3FCFD5;
}


.wp-header-v2 .paamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  text-transform: none;
  font-size: 16px;
  line-height: 1.1em;
  padding: 38px 26px 14px;
  padding: 30px 18px 22px;
}

.wp-header-v2 .pyyda-tarjous a {

  background: #e6634a;
  font-family: 'Calibre-Medium',Arial;
  font-size: 22px;
  text-transform: none; 
  font-weight: 400;
  line-height: 1em;
  padding-top: 30px;
}

.wp-header-v2 .main-header .desktop .logo {

  width: 174px;
}

.etusivu.etusivu3 .rivi2 {

  background: #fff;
}   

.etusivu3 .palvelut h5, .etusivu3 .palvelut h5 a, .etusivu3 .palvelut h5 * {

  color: #2d2d2d;
  font-size: 24px;
  line-height: 1.1em;
  text-transform: none;
  font-family: 'Calibre',Arial;
  font-weight: 400;
}

.etusivu3 .rivi2 {

  padding: 75px 0 35px 0;
}


.tutustu-etusivu h2 {

  font-family: 'Calibre-Light',Arial;
  margin: 0;
  padding: 0;
}

.tutustu-etusivu {

  position: relative;
  padding: 20px 0;
}


body.etusivu .bg-image-section .row-fluid [class*="span"] {
  min-height: 0;
}

.tutustu-etusivu::after {


  z-index: 1;
  position: absolute;
  top: 98.1%;
  left: 70%;
  margin-left: -25%;
  content: '';
  width: 0;
  height: 0;
  border-top: solid 28px #2f97a2;
  border-left: solid 28px transparent;
  border-right: solid 28px transparent;
}

.transparent-tumma-bg {

  background: #000;
  background: rgba(0,0,0,0.5);
}

.transparent-tumma-bg {

  background: #42c4cb;
  background: rgba(66,196,203,0.5);
}

.valkoinen-teksti * {

  color: #fff;
}

.sininen-bg, .sininen-bg .tilastot-bg {

  background: #42c4cb;
}

.sininen-bg .tilastot-bg .h1 {

  margin: 0 !important;
  padding-bottom: 5px !important;
}

.sininen-bg .tilastot-bg .vali {

  padding: 60px 0;
}

.main-header .wp-header-v2 .desktop .ylamenu .ylanavigaatio {
  padding-right: 20px;
  padding-top: 12px;
  padding-left: 220px;
}

.aa-button-group {

  width: 100%;

}

.aa-button-group--multi a, .aa-button-group--multi button {
  margin-right: 10px;
  margin-bottom: 10px;
}

.etusivu3 .etusivu-galleria.painike a, body .painike a, body a.painike, body a.painike1, button.painike, button.painike1 {
  background: #e6634a;
  font-family: 'Calibre-Medium',Arial;
  font-size: 22px;
  text-transform: none; 
  font-weight: 400;
  color: #fff;
  line-height: 1em;
  padding: 27px 10% 20px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 9px;
  border: none;
  cursor: pointer;
}

.painike.painike--simple, .painike1.painike1--simple {
  font-size: 18px;
  border-radius: 0;
  padding: 16px 34px 11px;
}

.etusivu3 .etusivu-galleria.painike a:hover, body .painike a:hover, body a.painike:hover, body a.painike1:hover, button.painike:hover, button.painike1:hover {
  background: #4ba5af;
  transition: all 0.2s ease-in-out;
  opacity: 1;
}


.painike2 a, a.painike2, button.painike2, .painike2 button {
  border: 3px solid #e6634a;
  background: #fff;
  font-family: 'Calibre-Medium',Arial;
  font-size: 22px;
  text-transform: none; 
  font-weight: 400;
  line-height: 1em;
  color: #e6634a;
  display: inline-block;
  padding: 27px 10% 20px;
  box-sizing: border-box;
  cursor: pointer;
}

.painike2 a:hover, a.painike2:hover, .painike2 button:hover, button.painike2:hover {
  background: #e6634a;
  color: #fff;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.painike3 a, a.painike3, .painike3 button, button.painike3 {
  background: #42c4cb;
  color: #fff;
  font-family: 'Calibre-Medium',Arial;
  font-size: 22px;
  text-transform: none; 
  font-weight: 400;
  line-height: 1em;
  padding: 27px 10% 20px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 9px;
  border: none;
  cursor: pointer;
}
.painike3 a:hover, a.painike3:hover, .painike3 button:hover, button.painike3:hover {

  background: #e6634a;
  color: #fff;
  opacity: 1;
  transition: all 0.2s;
}


.transparent-sininen-bg form {
  background: none;
  padding: 0;
  box-sizing: border-box;
}

.video-yhteys-tyo-nosto h3.form-title {

  font-size: 48px;
  font-weight: 400;
  font-family: 'Calibre-Light', Arial;
  line-height: 1em;
  margin: 0px;
  padding: 0 0 30px;

}

.video-yhteys-tyo-nosto .hs-button.primary, body .hs-button.primary    {

  background: #e6634a;
  font-family: 'Calibre-Medium',Arial;
  font-size: 22px;
  text-transform: none; 
  font-weight: 400;
  line-height: 1em;
  padding: 27px 10% 20px;
  box-sizing: border-box;
  display: inline-block;
}

.etusivu3 h2.h1 {

  margin: 10px 0 0 ;
  padding: 0;
}

.etusivu3 h2.h1:after {

  content: none;
}

.font--italic {
  font-style: italic;
}

.etusivu.etusivu3 .rivi1 .kehys {
  max-width: 1540px !important;
}

.etusivu.etusivu3  .rivi1 {
  padding: 150px 0 0;
}

.video-ota-yhteytta-bg {

  background: url(https://www.avarn.fi/hubfs/Images/Taustakuvat/AVARN-Security_etusivu-bg-1500px-v3.jpg) no-repeat right top #a58f77;
  background-size: cover;
  background-size: initial;
}

.etusivu4 .etusivu-testimonials blockquote, blockquote * {
  font-size: 18px !important;

  line-height: 27px !important;

}

.etusivu4 .palvelut {

  margin-bottom: 35px;
}

.etusivu4 .pyyda-tarjous {

  display: none;
}

.etusivu4  .header-icons .hae {

  right: 17px;

}

.etusivu4 .paamenu {

  padding-right: 86px;

}

.tumma-bg {

  background: #2d2d2d;
  background: #363636;
}

body .teksti1, body .teksti2, body .teksti3, body .teksti4, body .teksti5, body .teksti6, body .teksti7, body .teksti8, body .teksti9, body .teksti10 {

  display: none;
}

.transparent-sininen-bg {

  background: #34cfd6;
  background: rgba(52,207,214,0.64);
}

.sininen-bg {

  background-color: #5dc3c8;
}

.valkoinen-bg {

  background-color: #fff;
}


.paabanneri {
  display: block;
  width: 100%;
  position: relative;
  background: #232323;
  margin-top: 0;
}

.paanbanneri__painikkeet a {
 margin-right: 20px;
 margin-top: 10px;
  margin-bottom: 10px;
}

.paabanneri .wrapper {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.paabanneri .kuva, .paabanneri .sisalto {
  display: block;
}

.paabanneri .kuva {

  width: 100%;
  display: block;
  overflow: hidden;
}


.paabanneri .kuva.kapea::after {


}

body .paabanneri .teksti, body .paabanneri .teksti div, body .paabanneri .teksti p, body .paabanneri .teksti * {


  font-size: 22px;
  line-height: 1.6em;

}

.paabanneri .teksti  {

  min-height: 225px;
  padding-bottom: 30px; 
}

.paabanneri.suhde50 .teksti  {

  min-height: 1px;
  padding-bottom: 30px; 
}

.paabanneri .kuva img {

  width: 100%;
  height: auto;
}

.paabanneri .sisalto {

  /* width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 10% 3% 0% 34%;
  float: none; */
  background: #232323;

}

.paabanneri .sisalto .wrapper { 
  position: relative;   
  padding: 13% 3% 0 5%;
  background: #232323;
  z-index: 50;
  left: -5%;
  top: 0;
}


.paabanneri .tausta {

  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 35.33%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top; 
  background-size: cover;
}




.paabanneri.suhde50 .tausta {

  width: 50%;
  background-size: contain;
  background-position: right top; 
}

.paabanneri.suhde50 .wrapper {

  padding-left: 0 !important;
  padding-right: 0 !important;
}

.paabanneri.suhde50 .sisalto .wrapper {

  padding-left: 5% !important;
  padding-right: 3% !important;
}


.paabanneri .sisalto .wrapper::after {
  z-index: 1;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-right: solid 20px #232323;
  border-top: solid 20px transparent;
  border-bottom: solid 20px transparent;
  margin-bottom: auto;
  margin-top: auto;
  top: 0;
  left: -20px;
  bottom: 0;
  right: initial;
}


.paabanneri .sisalto .otsikko, 
.paabanneri .sisalto .teksti {

  width: 814px;
  max-width: 100%;
  display: block;
}  




form {

  background: #ececec;
  padding: 20px 20px;
  box-sizing: border-box;

}

.padding25 {

  padding: 25px 0px;
}

.padding25 h3 {

  margin: 30px 0px;   
}


.hs-rss-byline span {

  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.3em;
  color: #979a9d;
  vertical-align: baseline;


}

.suomalaista {

  position: absolute;
  z-index: 100;
  top: 8%;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 77px;
  margin: 0 auto;
  background: url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Identify/Ikonit/suomalaista-palvelu.png?t=1450342236328) no-repeat top right;
  max-width: 1169px;
  display: none !important;
}

.etusivu .rivi1 {

  position: relative;
}


.etusivu .rivi2 {

  background: #2d2d2d;
}

.etusivu .rivi2 a {

  color: #968e8e;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.2em;
}

.etusivu .rivi2 .kuva {

  height: 115px;
}


.verkkokoulutus .footer-container {

  border-top: 10px solid #f5f3f4;
  margin-top: 30px;
  padding-top: 10px;
}

.toggle-search {

  display: none;
  z-index: 199;
}

.toggle-search.toggle-search--custom {

  display: none;
  z-index: 199;
  width: 400px;
  position: absolute;
  right: 188px;
  top: 35px;
}




.blog2017 .pyorea {

  width: 173px;
  height: 173px;
  overflow: hidden;
  border-radius: 50%;
}

.about-author-sec .span1 {
  width: 0.982906% !important;
}

.post-item-full .post-header h2 {

  height: auto !important;
}

body input.gsc-search-button, body input.gsc-search-button:hover, body input.gsc-search-button:focus {
  background: #3fcfd5;
  border-radius: 0px;
  border: 0;
  text-shadow: initial;
  background-image: none;
  filter: none;
}



.blog-content .hs-rss-date {

  color: #85888b;
  margin-bottom: 0px;

}

.widget-type-rss_listing h3 {

  display: none;
}


.hs-rss-title span {

  font-size: 24px;
  font-weight: 400;
  line-height: 1.4em;
  color: #fff;
  margin: 0px 0px 10px;
  display: block;
  padding-bottom: 20px;
  font-family: 'Calibre-Light', Arial;
  position: relative;
}

.hs-rss-title span::after {

  content: "";
  color: #89d6da;
  font-size: 13px;
  line-height: 1em;
  position: relative;
  display: block;
  left: 0;
  border-bottom: 1px solid #89d6da;
  bottom: 0;
  width: 40px;
  margin-top: 20px;
  height: 1px;

}

.viiva {

  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
  position:relative;
}

.viiva-valkoinen {

  padding-bottom: 30px !important;
  margin-bottom: 30px !important;
  position:relative;
}




.viiva::after {

  content: "";
  color: #89d6da;
  font-size: 13px;
  line-height: 1em;
  position: relative;
  left: 0px;
  display: block;
  bottom: 0px;
  border-bottom: 1px solid #89d6da;
  width: 40px;
  height: 1px;
  margin-top: 20px;

}

.viiva-valkoinen::after {

  content: "";
  color: #fff;

  font-size: 13px;
  line-height: 1em;
  position: relative;
  left: 0px;
  display: block;
  bottom: 0px;
  border-bottom: 1px solid #89d6da;
  width: 40px;
  height: 1px;
  margin-top: 20px;

}



.hs-rss-title span:hover {

  color: #3FCFD5;   
}




.hs-rss-item p {

  color: #929090;
  font-size: 18px;
  line-height: 1.4em;
  font-family: 'Calibre-Light', Arial;
}

.hs-rss-item .hs-rss-description a {
  font-size: 18px;
  line-height: 1.4em;
  font-family: 'Calibre-Light', Arial !important;

}

.hs-rss-item .hs-rss-description a:hover {

  color: #fff;   
}

body .gsc-control-cse {
  font-family: Arial, sans-serif;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  width: 311px;
  position: absolute;
  z-index: 199;
  right: 0px;
  top: 45px;
  height: auto;
}

body .gsib_a {
  width: 100%;
  padding: 1px 6px 4px;
}



.hs-with-featured-image.hs-rss-item {

  padding: 345px 0 30px;
}

.hs-rss-byline {

  position: absolute; 
  /* top: 380px; */
  top: 55px;

  left: 183px;
}

.hs-rss-item:nth-child(even) .hs-rss-byline {

  left: 67px;   

}

.hs-rss-item {

  position: relative !important;
  background: none;
  width: 50%;
  border: none !important;
  float: left;
  display: inline-block;
  padding: 30px 0 0px;
  margin: 0 0 0;
  box-sizing: border-box;
  top: 0 !important;
  left: 0 !important;
  transition: none !important;
  transform: none !important;
}



.hs-rss-item {

  /*  background: url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Images/Avarn_bannerit/blogi-bg1.jpg) no-repeat center top;
  padding-top: 350px;
  background-size: contain; */

  border-top: none;
  padding-left: 115px;

}

.hs-rss-item:nth-child(odd) {

  background: #232323;
}

/*.hs-rss-item:hover {
background: #393939 !important;
transition: 0.6s all;
} */

.hs-rss-item:nth-child(even) {

  /*    background: url(//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Images/Avarn_bannerit/blogi-bg2.jpg) no-repeat center top;
  background-size: contain;
  padding-top: 350px; */
  border-left: 1px solid #201809;
  padding-right: 115px;
  box-sizing:border-box;
  padding-left: 0;
}



.hs-rss-item-text {

  padding: 66px 66px 30px 66px;
  box-sizing: border-box;
  /*   background: url('//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Identify/Ikonit/blog-bg.png') no-repeat 99px 63px; */
  min-height: 305px;
}

.hs-rss-description {

  padding-right: 10%;
}



body .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {
  min-width: 100%;
  height: 100%;
  width: auto;
  max-width: 300%;
}

body .hs-rss-item .hs-rss-item-image-wrapper .hs-rss-featured-image {
  height: auto !important;
}


.hs-with-featured-image .hs-rss-byline {

  position: absolute; 
  top: 380px;
  left: 250px;
}

.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 353px;
  overflow: hidden;
}

.blogi-nosto .hs-rss-date {

  position: absolute;
  left: 0;
  top: 4px;
  width: 52px;
  height: 15px;
  border-right: 1px solid #979a9d;
  overflow: hidden;
}

.blogi-nosto .rivi3 {

  padding: 0;
}

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

.hs-rss-author {

  padding-left: 64px;
}

.about-author-sec {

  margin: 0px 0 50px;
  padding-top: 15px;
}

.about-author-sec .kirjoittaja {

  font-size: 16px;
  line-height: 1em;
  color: #888787;
  margin: 0;
}

.about-author-sec h3 {

  margin: 2px 0 10px 0;
}

.about-author-sec p {

  margin: 0 0 10px 0;
}

.ylasome a.ota-yhteytta  {

  padding: 5px 24px 0 50px;
  text-transform: uppercase;
  color: #f9f9f9;
  margin-top: 3px;
  display: inline-block;
  font-size: 16px;

}

.ylasome a.ota-yhteytta:hover  {

  color: #3fcfd5;
}

.pyyda-tarjous a {

  background: #42c4cb;
  padding: 27px 34px 0px;
  border: 0;
  font-size: 16px;
  font-family: 'Calibri',Arial;
  text-shadow: initial;
  margin: 8px 0 0;
  position: relative;
  top: -17px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  left: 0;
  height: 75px;
  box-sizing: border-box;
}

.viiva-ylos {

  border-top: 1px solid #201809;
  padding: 40px 0 40px;


}

.tuotenosto .kuva {

  min-height 240px;
  height: auto !important;
  max-width: 100% !important;
}

.etusivu .rivi2 .tuotenosto a.painike,
.tuotenosto a.painike  {

  font-size: 18px;

  font-weight: 400;
  line-height: 1em;
}

.tuotenosto {

  margin: 10px 0 10px 0;
}

.etusivu .tuotenosto {

  margin-top: 20px;   
}


.tuotenosto p:last-child {

  margin-bottom: 0;
}

.tuotenosto h3 {

  margin-top: 0;
  margin-bottom: 10px;
}   

/* Search */

.aa-search .hs-search-results ul, .hs-search-field ul,
.aa-search .hs-search-results ul li, .hs-search-field ul li {
  list-style: none;
  margin: 0; 

}

.aa-search .hs-search-results ul, .hs-search-field ul {
  padding: 0; 
}

.aa-search .hs-search-results ul li {
  margin-bottom: 30px; 
  background: none;

}

.hs-search-field__input {
  margin-bottom: 15px; 
  padding-right: 60px;
}

.hs-search-field__bar form button {
  border: none;
  background: none;
  position: absolute;
  right: 31px;
  bottom: 53px;

}

.hs-search-field__bar form button svg {
  height: 20px;
}

.hs-search-field {
  position: relative;
  z-index: 10;
}

.hs-search-field ul li {
  margin-bottom: 15px; 
  background: none;
  padding-left: 0;
}

.toggle-search.toggle-search--custom form {
  padding: 20px; 
  max-width: 100%;
  box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
}
.toggle-search.toggle-search--custom form .hs-search-field__input {
  margin: 0;
}

.toggle-search.toggle-search--custom  .hs-search-field__suggestions a {
  color: #43c4cb ;

}

.aa-search .hs-search-results ul li:last-child, .hs-search-field ul li:last-child {
  margin-bottom: 0;
}

.mobile-menu .hs-search-field__bar form {
  padding: 0;
  background: transparent;
}

.mobile-menu .hs-search-field__bar form button {

  right: 10px;
  bottom: 34px;
}

.mobile-menu .hs-search-field__suggestions a {
  color: #43c4cb ;

}

.hs-search-field__suggestions {
  padding: 20px !important;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 5;
  box-sizing: border-box;
  background: #fff;
  display: none;
}

.hs-search-field--open .hs-search-field__suggestions  {
  display: block;
}

.hs-search-field__suggestions a:hover, .hs-search-field__suggestions:focus-within,.hs-search-field__suggestions:active { 
  background: none;
  opacity: 0.7;
}

.hs-search-results__listing li {
  display: block;
  position: relative;
  padding-left: 0 !important;
}

.hs-search-results__featured-image {
  width: 100%; 
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .hs-search-results__featured-image {
    width: 150px; 
    position: absolute;
    top: 0;
    left: 0;

  }


  .hs-search-results__listing li {
    padding-left: 180px !important;
  }
}

/* end search */



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

  .tuotenosto h2 {

    font-size: 24px;
    line-height: 1.2em;
  }   
}

.paamenu {

  text-align: right;
  background: #363636;
  padding-right: 250px;
  box-sizing: border-box;

}

.pyyda-tarjous {

  position: absolute;
  right: 0px;
  top: 10px;
}

.position-relative {

  position: relative;
}

.pyyda-tarjous a:hover {

  background: #4ba5af;

  transition: all 0.5s;
}

.turvallisuuspalvelu-bg {
  background: url('//www.avarn.fi/hubfs/Images/Taustakuvat/avarn-tausta-05.jpg') no-repeat right top #040404;
  background-size: cover;
  padding: 170px 0;
}

.harmaa-bg a.painike, .harmaa-bg .painike a {

  /* background: #005378; */
}

.harmaa-bg h3 {

  margin: 0 0 20px 0;
}

.harmaa-bg form {

  padding: 0;   
}

.harmaa-bg .hs-button.primary {
  padding: 27px 35px 21px;
  margin: 0 0 0 0 !important;
}

a.painike, .painike a, .hs-button.primary {

  background: #3FCFD5;
  padding: 27px 35px 21px;
  text-align: center;
  display: inline-block;
  border: none;
  color: #fff !important;
  text-shadow: initial;
  margin: 0px 0px 10px;
  position: relative;
  font-family: 'Calibre';
  font-weight: 400;
  cursor: pointer;
  text-transform: uppercase;
  top: 0px;
  left: 0px;
  line-height: 1em;
  font-size: 16px;

}

a.painike *, .painike a *, .hs-button.primary * {

  color: #fff !important;
  text-shadow: initial;
  margin: 0px 0px 0px;
  position: relative;
  font-family: 'Calibre';
  line-height: 1em;
  font-size: 16px;
  font-weight: 400;
}


.blog-content a.painike {

  font-size: 24px;
  line-height: 24px;
  text-transform: none;
  padding: 14px 25px 8px;

}


body .hs-button.primary {

  padding: 16px 35px 12px;
  padding: 16px 7% 11px;
  min-width: 130px;
}


.blog-sidebar .hs-button.primary, .blog-listing-wrapper a.painike {

  width: auto;
  font-size: 18px;
  box-sizing: border-box;
  padding: 16px 7% 11px;
  display: inline-block;
}

.blog-listing-wrapper a.linkki {

  font-family: 'Calibre-Medium',Arial !important;
  color: #43c4cb !important;
}

.blog-listing-wrapper .post-item .h1:after {

  content: "";
  color: #89d6da;
  font-size: 13px;
  line-height: 1em;
  position: relative;
  left: 0px;
  display: block;
  bottom: 0px;
  border-bottom: 1px solid #89d6da;
  width: 20px;
  height: 1px;
  margin-top: 15px;

}

.blog2017 .blog-pagination a {

  font-size: 20px;
  line-height: 1.2em;
  color: #e6634a;
  font-family: 'Calibre-Medium',Arial !important;
  padding-right: 35px;
}

.blog-listing-wrapper .hs-featured-text-wrapper * {

  font-size: 24px !important;
  color: #474646 !important;
  font-family: 'Calibre-Light',sans-serif !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  margin: 0 0 20px !important;
  display: inline-block !important;
  font-size: 18px !important;
  line-height: 1.28em !important;
  color: #000 !important;
  margin: 0 0 10px !important;
}

.blog2017 .blog-sidebar .hs-button.primary {

  width: auto;
  font-size: 22px;
  box-sizing: border-box;

}

.blog2017 .h1::after {

  content: none;
}


.hs-rss-module {

  height: auto !important;
}

iframe {

  max-width: 100%;
}

.youtube, body .hs-responsive-embed {

  display: inline-block; /* let it be styled thusly */
  padding: 0 !important;            /* get rid of pre-styling */
  margin: 0 0 4% 0 !important;
  width: 100%;           /* take up full width available */
  padding-top: 56.25% !important;   /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */
  height: 0px;           /* don't want it to expand beyond padding */
  position: relative;  
}

.span6 .youtube {
  margin: 0 0 4% 0;
}

.youtube iframe, body .hs-responsive-embed iframe {

  position: absolute;    /* expand to fill */
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  max-width: initial;
  width: 100%;
  height: 100%;
}

.painike-valkoinen a, a.painike-valkoinen {

  border: 1px solid #fff;
  font-size: 48px;
  font-family: 'Calibre-Light', Arial;
  line-height: 1em;
  color: #fff;
  border-radius: 40px;
  font-weight: 400;
  display: inline-block;
  padding: 15px 30px;
}

.painike-valkoinen a:hover, a.painike-valkoinen:hover {

  color: #000;  
  border: 1px solid #000;
  transition: all 0.5s;
}

.pyyda-tarjous-bg {

  background: url('//www.avarn.fi/hubfs/Images/Taustakuvat/tarjous-bg06-1.jpg') no-repeat left top !important;
  background-size: cover !important;
}



.side-content {
  padding-left: 0;
  box-sizing: border-box;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
  font-family: 'Calibre-Light',sans-serif !important;

}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
  color: #999 !important;
}

body .gsc-webResult .gsc-result {
  padding: 10px 0 35px 0;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee!important;
}

body .gsc-control-cse .gs-spelling, body .gsc-control-cse .gs-result .gs-title, body .gsc-control-cse .gs-result .gs-title * {

  color: #3fcfd5 !important;
  font-weight: 400;
  font-size: 22px !important;
  font-family: 'Calibre-Light',sans-serif !important;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none !important;

}

.float-input .hs-form-field {

  float: left;
  max-width: 68%;
  box-sizing: border-box;
  width: 68%;
}

.float-input .hs_submit {

  float: right;
  max-width: 25%;
  box-sizing: border-box;
}

.float-input form, .float-input {

  max-width: 640px;
}


.float-input form:after {

  clear: both;
}

.float-input .form-title {

  display: none;
}

label {

  font-size: 20px;
  line-height: 1.1em;
  display: block;
  font-family: 'Calibre-Light',sans-serif !important;
}

.hs-error-msgs label {

  font-size: 13px;
  line-height: 13px;
  margin-top: 0px;
  margin-bottom: 20px;
  display: block;
  color: #999;
}


.esitelataus {

  padding: 40px 0px;

}

.esitelataus .kuva-alas img {

  position: absolute;
  bottom: -40px;
  right: 0px;
}

a.painike:hover, .painike a:hover, .hs-button.primary:hover {

  background: #4ba5af;

  transition: all 0.5s;
}

.main-header .desktop {

  position: relative;
}

.paamenu ul, .paamenu li {

  line-height: 1em;
}

.main-header .desktop .logo {

  position: absolute;
  left: 35px;
  bottom: 2px;
  width: 149px;
  padding: 8px 0px;
  z-index: 60;
  max-height: 70px;
  display: flex;
  align-items: center;
}

.main-header .desktop .menut {


  box-sizing: border-box;
  /* padding-right: 166px; */
}

.main-header .desktop .ylamenu {

  background: #232323;
  box-sizing: border-box;
  text-align: right;
  padding: 10px 0px;
  position: relative;
}

.ylanavigaatio a {
  text-transform: none !important;
  color: #968e8e !important;
  color: #ccc !important;
}

.ylanavigaatio a:hover {
  color: #43c4cb !important;
}

.main-header .desktop .ylamenu .ylanavigaatio {

  padding-right: 450px;  

}



.main-header .desktop .ylamenu .ylasome {

  position: absolute;
  right: 15px; 
  top: 5px;

}

.header-icons {

  position: absolute;
  right: 0px;
  max-width: 50px;
  top: 40px;
}


.yhteystiedot .body-container .harmaa-bg {

  padding: 0px;
  margin-bottom: 35px;
}

.yhteystiedot .yhteys-tiedot {

  padding: 20px 30px 20px;
}

.yhteystiedot .kartta iframe {
  max-width: 100%;
  height: 290px;
}

.yhteys-nosto .hs_cos_wrapper_type_rich_text {

  background: #ececec;
  position: relative;
  padding: 25px 30px 25px 30px;
  box-sizing: border-box;
  margin-bottom: 5%;
  min-height: 200px;
  border-top: 6px solid #4dc7ce;

}

.yhteystiedot .body-container .harmaa-bg {

  border-top: 6px solid #4dc7ce;
  background: #ececec;
}

.yhteys-nosto .hs_cos_wrapper_type_rich_text h2 {
  margin-top: 0px;
}

.yhteys-nosto .hs_cos_wrapper_type_rich_text p {   
  margin: 0px 0px 13px 0px;
}

.yhteys-nosto .hs_cos_wrapper_type_rich_text h4 {
  margin: 0px 0px 13px;

}

.yhteys-nosto .hs_cos_wrapper_type_rich_text img  {   
  position: absolute;
  top: 0px;
  right: 0px;
  max-width: 106px;
  width: 106px;
  max-height:129px;

}

.header-icons .some {  
  max-width: 213px;
  position: absolute;
  right: 98px;
  text-align: center;
  padding: 6px 0px;
  border-left: 1px solid #005378;
  border-right: 1px solid #005378;
  top: 0px;
}

.header-icons .hae {

  max-width: 98px;
  position: absolute;
  right: 183px;
  top: -16px;
  z-index: 190;
}


.top-header {

  position: relative;
}

.main-header .desktop {



  height: 118px;

}


.post-item, .post-item-full  {

  padding-bottom: 30px ;
  margin-bottom: 30px;
  border-bottom: 1px solid #ececec;
  padding-right: 35px;
  box-sizing: border-box;
}

.footer-container h5 {

  color: #979a9d;
}

.footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1 {

  float: left;
  width: 20%;
}

.footer-menu2 .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1 {

  float: none !important;
  width: 100% !important;
  display: block !important;
}

.footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-2 {

  float: none;
  display: block;
}

.footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {


  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.3em;
  font-family: 'Calibre', Arial;
  color: #fff;
  margin: 10px 0px 7px;
  padding: 0px;
}


.footer-menut hr {

  margin: 0 0 20px 0;
  background: none;
  border-top: 1px solid #848383;
  height: 1px;
  color: #848383;
  width: 150px;
  max-width: 100%;
}

.footer-menut > .kehys-taysi {
  position:relative; 
}

.footer-menut .footer-menut__logo { 
  margin: 30px 0; 
  display: none;
}

@media (min-width: 1200px) {
  .footer-menut .footer-menut__logo {
    position: absolute; 
    bottom: 0;
    left: 0;
    margin: 0;
  }
}

.footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {

  font-size: 20px;
  line-height: 1em;
  color: #fff;
}


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

.footer-menu  .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {

  position: static;
}

.copy {

  padding: 20px 0px 30px;
  background: #2d2d2d;
}

.copy * {

  color: #848383;

}

div.footer-menut {

  padding-bottom: 80px;
}


.tiedot {

  padding-top: 10px;
}

.tiedot * {

  font-size: 16px;
  line-height: 1.6em;
  font-family: 'Calibre-Light', Arial;
  font-weight: 400;
  color: #aaaaaa;
}

.align-center {
  text-align: center;
}

.tiedot p { 
  margin-bottom: 20px;   
}

.tiedot h5 {

  margin-bottom: 7px;
}

.tiedot a {

  color: #848383;
}

.tiedot a:hover {

  color: #3fcfd5;
}

.footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-2>a, .footer-menu2 .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {


  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  width: 100%;
  max-width: 100%;
  line-height: 1.3em;
  color: #cbcbcb;
  text-transform: none;
  margin: 0px 0px 7px;
  font-family: 'Calibre-Light', Arial;
  padding: 0 45px 0px 0px;
  box-sizing: border-box;
}

.footer-oikea.tiedot .linkit a {

  color: #fff;
  font-size: 18px;
  line-height: 1.3em;
}

.footer-oikea.tiedot .linkit a:hover {

  color: #3fcfd5;   
}

.footer-oikea.tiedot p {

  margin: 0 0 6px 0;

}

.footer-oikea.tiedot {

  padding-bottom: 35px;
}

.footer-oikea.tiedot .yhteystietolinkki {

  margin: 12px 0 3px 0;
}

.footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-2>a:hover, .footer-menu2 .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a:hover,.footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a:hover {

  color: #3FCFD5;
}

.blog .post-listing-simple .post-item2 {
  box-sizing: border-box;
  padding: 23px 30px 30px 0;
  display: block;
  float: none;
}

.blog .post-listing-simple .post-item2 h2, .blog .post-listing-simple .post-item2 a {

  font-size: 22px;
  line-height: 1.1em;
  margin-top: 7px;

  height: auto !important;
}

.somejaot .fa {

  font-size: 27px;
  line-height: 1em;
  margin-bottom: 8px;
}

.somejaot p {
  margin-bottom: 10px;
}

.post-listing-simple .post-item {

  display: block !important;
  float: none !important; 
  width: 100% !important;
  padding: 10px 0 !important;
  margin: 10px 0 !important;
}

.post-listing-simple {

  height: auto !important;
}

.post-listing-simple .post-item2 {

  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
} 

.post-listing-simple .post-item2 h5 {

  margin-top: 0 !important;
  font-weight: 400 !important;
}


.at4-share-title {

  text-align: center;
  font-size: 14px;
  line-height: 1.2em;
  padding-top: 17px;
  color: #fff;
  padding-bottom: 16px;
  display: block;
}

#at4-share {

  background: rgb(102,102,102);
  background: #363636;
}

.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {

  background: #363636 !important;
}

.blog .post-listing-simple .post-item2 h5 {

  margin-bottom: 0px;
  color: #85888b;
  width: 81px;
  overflow: hidden;
  height: 16px;
}

.at4-arrow {

  color: #fff;
}

.blog .blog-sisalto a:hover {

  color: #3FCFD5 !important;
}

.blog .blog-sisalto {

  padding-top: 80px;
}


.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {

  background: #fff;
}

body .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper {

  left: initial;
  right: 0;
}

.blog-sisalto {

  padding: 35px 0px;
}

.blog .post-item, .post-listing-simple .post-item2 {

  width: 100%;

  float: left;
  margin: 0 0 4% 0;
  box-sizing: border-box;

}

.blog .post-wrapper {

  margin-bottom: 15px;
}

.blog .hs-featured-image-wrapper {

  float: left;
  width: 35%;
  margin-bottom: 15px;
}

.blog .hs-featured-text-wrapper {


  float: right;
  width: 60%;
  margin-bottom: 15px;
}

.blog .hs-featured-image {
  float: none;
  margin: 0 0 0px 0px;
  max-width: 100%;
  width: 100%;
}

#hubspot-author_data {
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  line-height: 1.3em;
  font-family: 'Calibre-Light', Arial;
  color: #979a9d;
  vertical-align: baseline;
  margin-bottom: 10px;
}

#hubspot-author_data a {

  color: #979a9d;
}


.blog .post-item:first-child {

  /*    width: 100%;
  padding: 0px;
  margin: 0px 0px 3% 0px;
  */ 


}



.blog .post-listing .post-item:first-child > h2 {

  font-size: 45px !important;
  line-height: 1.3em;

}

.single-post h1 *, .single-post h1 a {


  color: #232323;
  margin-top: 25px;
  margin-bottom: 30px;
  display: block;
}

.single-post {
  overflow: hidden; 
}

.single-post .hs-video, .single-post .hs-video-widget {
  margin-bottom: 30px; 
}



.hs_cos_wrapper_type_post_filter li { 
  padding-bottom: 10px;
}


.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  float: left;
  margin-right: 20px;
  background: none !important;
  padding-left: 4px;
}

#___plusone_0 {

  position: relative; 
  top: -13px;
  left: 9px;

}


.social-sharing-wrapper {
  display: block;
  margin: 41px 0px 20px;
}

.hs-blog-listing .blogi-nosto {

  display: none !important;
}

.blog-content .hs-rss-date {
  position: static;
  left: 0;
  top: 4px;
  width: 64px;
  display: inline-block;
  height: 15px;
  border-right: none;
  overflow: hidden;
}

.blog .post-listing .post-item, .blog .post-item-full {

  background: none;
  position: static !important;
}


.blog .post-item-full {

  margin-bottom: 35px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;

}

.blog .post-listing {

  background: none;

  box-sizing: border-box;
  margin-bottom: 35px;
}

.blog .post-listing .post-header, .blog .post-item-full .post-header  {

  padding: 0;
  box-sizing: border-box;
}
.blog .post-listing .post-header h2 a, .blog .post-item-full .post-header h2 a {


}

.blog-sidebar h3 {

  font-size: 32px;
  font-weight: 400;
  font-family: 'Calibre-Medium',Arial;
  line-height: 1em;
  color: #232323;
  margin: 0;
  position: relative;
  padding: 0 0 20px;
  margin-bottom: 20px;

}

.blog-sidebar h3::after {

  content: "";
  color: #89d6da;
  font-size: 13px;
  line-height: 1em;
  position: relative;
  left: 0px;
  display: block;
  bottom: 0px;
  border-bottom: 1px solid #89d6da;
  width: 40px;
  height: 1px;
  margin-top: 20px;
}

.blog-sidebar .harmaa-bg h3 {

  margin-bottom: 20px;
  padding: 0px;
  border: none;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select {


  padding: 15px 14px;
  border: none;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 25px;
  font-size: 13px;
  color: #393939 !important;
  font-weight: 400;

}

select option {

  color: #393939 !important;
}


.hs-error-msgs label {

  color: #da0a00;
}

.valkoinen-teksti .hs-error-msgs label {

  color: #000;
}

.sticky {

  position: fixed;
  right: 0;
  top: 30%;
  width: 48px;
  font-size: 16px;
  line-height: 1.1em;
  text-align: center;
}

.sticky p {

  font-size: 14px;
  line-height: 1.1em;
  color: #fff;
  padding-top: 17px;
  text-align: left;
  padding-left: 7px;
}

.sticky .tausta {
  background: rgb(102, 102, 102);
  background: #363636;
  text-align: center;
  padding-bottom: 10px;
}

.sticky .somejaot a {

  color: #fff;
  padding: 7px 0;
  display: block;
  float: none;
}

.sticky .somejaot a:hover {

  opacity: 0.7;
  transition: all 0.3s;
}

.sticky .somejaot .fa {
  margin: 0;   
}

.banneri {

  padding: 0px !important;

  width: 100%;
}

.banneri .banneri-kuva {

  max-height: 360px;
  overflow: hidden;
  height: auto;
  width: 100%;
}

.kohderyhma .rivi2 {

  padding-top: 0px;
}

.banneri .ikonit {

  width: 120px !important;

  padding: 10px;
  box-sizing: border-box;
  border: 3px solid #000;
  height: 110px !important;
  overflow: hidden;
  text-align: center;
  float: none;
  margin: 0 auto !important;
  position: relative;
  background: #2d2d2d;
  top: -60px;
  left: 0px;
}

.banneri .ikonit img {
  min-width: 20px !important;
  width: auto !important;
  margin: auto !important;
  height: auto;
  max-height: 85px;
}

.banneri .hs_cos_wrapper_widget { 
  width: 100%;
}

.banneri img {
  text-align: center;
  margin: auto;
  min-width: 100%;
  height: auto;
}

.blog-sidebar .widget-span {
  margin: 0px 0px 35px;
}

.blog-sidebar ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.hs-blog-listing blockquote,  {
  font-size: 24px !important;
  color: #474646 !important;
  font-family: 'Calibre-Light',sans-serif !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  margin: 0 0 20px !important;
  display: block !important;
  font-size: 18px !important;
  line-height: 1.28em !important;
  color: #000 !important;
  margin: 0 0 26px !important;
}
.hs-blog-listing blockquote * {
  font-size: 24px !important;
  font-family: 'Calibre-Light',sans-serif !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  margin: 0 0 20px !important;
  display: block !important;
  font-size: 18px !important;
  line-height: 1.28em !important;
  margin: 0 0 26px !important;
}

.side-navigation {
  padding-top: 0;
}

.side-nav {
  padding-right: 30px;
  box-sizing: border-box;
}

.body-container .side-navigation ul li, .blog .hs_cos_wrapper_type_post_filter li { 
  background: none;
  padding: 0 0 0px 0px;
  list-style: none;
}

.blog .hs_cos_wrapper_type_post_filter li a {   
  padding-bottom: 10px;
  display: block;
  color: #474646;
  font-family: 'Calibre-Medium',Arial;
}

/*
.side-navigation h3 {
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 0px;
font-size: 32px;
font-weight: 400;
font-family: 'Calibre-Medium',Arial;
line-height: 1em;
color: #232323;
position: relative;
}

.side-navigation h3::after {
content: "";
color: #89d6da;
font-size: 13px;
line-height: 1em;
position: relative;
left: 0px;
display: block;
bottom: 0px;
border-bottom: 1px solid #89d6da;
width: 40px;
margin-top: 20px;
height: 1px;
}
*/

.side-navigation ul {
  padding-left: 0px;
}

.side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
  padding: 13px 20px 7px 20px;
  color: #474646;
  white-space: initial;
  border-bottom: 1px solid #f9f9f9;
  width: 100%;
  line-height: 1.2em;
  font-size: 18px;
  box-sizing: border-box;
  overflow:initial;
  font-family: 'Calibre-Medium',Arial;
  text-overflow: initial; 
}

body .side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
  padding: 13px 20px 7px 0px;
  color: #42c4cb;
  white-space: initial;
  border-bottom: 1px solid #b7b7b7;
  width: 100%;
  line-height: 1.2em;
  font-size: 18px;
  box-sizing: border-box;
  overflow: initial;
  font-family: 'Calibre-Medium',Arial;
  text-overflow: initial;

}

body .side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li:first-child a {
  border-top: 1px solid #b7b7b7;
}

.side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li a:hover, .side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li.active {
  background: none;
}

.side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li a:hover, .side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li.active.hs-menu-depth-1 a {
  color: #e6634a;
}

.side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li.active.hs-menu-depth-2 a {
  color: #fff;
  font-weight: 400;
}

.side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-2 a {
  color: #fff !important;
}


/*
.side-nav {

background: #ececec;
border-top: 6px solid #4dc7ce;
}
*/


.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
  width: auto;
  background: #2d2d2d;
  background: #363636;
  color: #fff;
  text-shadow: initial;
  border: none;
  padding: 8px 18px;
  text-transform: none;
  font-family: 'Calibre-Light', Arial;
  font-weight: 400;
  overflow: hidden;
  font-size: 17px;
  text-align: left;
  text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
  background: #2d2d2d;
  color: #3fcfd5;
}

.palvelut-2017-content {
  border-bottom: 1px solid #dedede;
  padding-bottom: 40px;
  margin-bottom: 35px;
}

.palvelut .hs_cos_wrapper_type_rich_text {
  float: left;
  text-align: center;
  width: 16.6%;
  margin-bottom: 20px;
}

.palvelut a:hover {
  opacity: 0.7;
  transition: all 0.2s;
}

.palvelut p {
  margin-bottom: 5px;   
}

.palvelut a:hover {
  color: #3FCFD5;
}

.palvelut h5 {
  margin: 0px 0px;
}


.mobile-menu {
  display: none;
}

#hs_form_target_module_147763957692018709 > form {
  background: none;
  color: #fff;
}

#hs_cos_wrapper_module_147763957692018709_title {
  font-size: 48px;
  font-weight: 400;
  font-family: 'Calibre-Light', Arial;
  line-height: 1em;
  color: #fff;
  margin: 0px;
  padding: 0 0 30px;
  padding-left: 20px;
}

#hs_form_target_module_147763957692018709 .hs-error-msgs label {
  color: #fff;
}

.tuoteryhma .rivi1 {
  background: #2d2d2d !important;
  color: #fff !important;
}

.kohderyhma .rivi2, .kohderyhma .rivi1 {
  background: #2d2d2d !important;
  color: #fff !important;
}

.kohderyhma .rivi2 .kehys {
  max-width: 740px !important;
}

.tuoteryhma .rivi1 *, .kohderyhma .rivi2 * {
  color: #fff ;
}

.tuoteryhma .rivi1 h1 {
  color: #fff !important;
}

.logo img {
  padding: 10px 0px;
  width: 149px;
  max-width: 100%;
}

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

  .turvallisuuspalvelu-bg {
    background: url('//www.avarn.fi/hubfs/Images/Taustakuvat/avarn-tausta-05.jpg') no-repeat right top #040404;
    background-size: initial;
    padding: 120px 0;
  }

  .pyyda-tarjous-bg {
    background: url('//www.avarn.fi/hubfs/Images/Taustakuvat/tarjous-bg06.jpg?t=1464349483698') no-repeat right top;
    background-size: initial;
  }

  .paabanneri .sisalto {

  } 

  body .paabanneri .teksti, body .paabanneri .teksti div, body .paabanneri .teksti p, body .paabanneri .teksti * {
    font-size: 20px;
    line-height: 1.6em;
  }

  .hs-rss-item {
    padding-left: 0px;
  }

  .hs-rss-item:nth-child(even) {
    padding-right: 0px;
  }


  .hs-rss-description {
    padding-right: 0;
  }

  .hs-rss-byline {
    position: absolute;
    top: 55px;
    left: 68px;
  }

  .blogi-nosto .kehys {
    padding-left: 50px;
    box-sizing: border-box;
  }
}


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

  .main-header .desktop .ylamenu .ylanavigaatio {
    padding-right: 27px;
    min-height: 43px;
    height: auto;
  }
  .landari h1{
    margin-bottom: 1rem;
  }

  .main-header .desktop .ylamenu .ylasome {
    position: absolute;
    right: 15px;
    top: 48px;
  }

  .main-header .desktop .logo {
    position: absolute;
    left: 0;
    top: -75px;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 20px;
    display: inline-block;
    max-width: 350px;
  }
}


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


  .main-header .desktop .menut {
    padding-left: 0px;
    box-sizing: border-box;
  }

  .landari h1{
    margin-bottom: 1rem;
  }

  .hs-rss-title span {
    font-size: 24px;
    line-height: 1.2em;
  }

  .tiedot {
    width: 100%;
    float: none;
    display: block;
  }
}

@media only screen and (max-width: 1180px) {
  body .kehys {
    float: none !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .landari h1{
    margin-bottom: 1rem;
  }

  body .kehys .kehys {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1 {
    float: left;
    width: 50%;
  }

  .footer-menu {
    float: left;
    width: 100% !important;
    margin-left: 0px !important;
  }


  .blog .post-listing .post-header h2 {
    font-size: 21px;
    line-height: 1.1em;
  }

  .palvelusivu h1, .landari h1 {
    font-size: 35px;
    font-weight: 400;
    line-height: 38px;
    padding: 0;
  }   
}

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

  .wp-header-v2 .paamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    transition: padding 0.3s;
  }
  .landari h1{
    margin-bottom: 1rem;
  }

}


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

  .paamenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    display: inline-block;
    padding: 30px 17px;
    transition: 0.5s all;
  }

  .landari h1{
    margin-bottom: 1rem;
  }

  .row-fluid .yhteys-nosto.span6 {
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 0 20px 0 !important;
  }

  .side-navigation h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 21px;
    font-weight: 400;
    font-family: 'Calibre-Medium',Arial;
    line-height: 1em;
    color: #232323;
    position: relative;
  }
}



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

  .desktop {
    display: none !important;
  }

  .landari h1{
    margin-bottom: 1rem;
  }

  .mobile {
    display: block !important;
  }

  .video-ota-yhteytta-bg {
    background: url(https://www.avarn.fi/hubfs/Images/Taustakuvat/AVARN-Security_etusivu-bg-mobile-v2.jpg) no-repeat left top #a58f77;
    background-size: cover;
  }

  .kehys .kehys {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .side-content {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 20px 0 !important;
  }

  .paabanneri .kehys {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .paabanneri .span3, .paabanneri .span9, .paabanneri .span6 {
    width: 100% !important; 
    padding: 0 !important;
    float: none !important;
  }

  .paabanneri .sisalto .wrapper {
    position: static !important;
    padding: 20px 20px;
  }

  .paabanneri .sisalto .otsikko, .paabanneri .sisalto .teksti {
    width: 100%;
  }

  .kehys {
    padding-left: 15px;
    padding-right: 15px;
  }

  .paabanneri .sisalto {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 6% 5% 5% 5%;
    float: none;
    position: relative;
  }

  .paabanneri .teksti, .paabanneri .teksti * {
    font-size: 17px;
    line-height: 1.1em;
  }

  .logo img {
    padding: 10px 0px;
    width: 112px;
    max-width: 100%;
  }


  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff !important;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }

  .child-trigger:hover{
    text-decoration: none;
  }

  .icon-plus:before {
    content: "\f067";
    position: relative;
    left: 20px;
    top: 12px;
    display: inline-block;
    font-size: 1.1428571429rem;
    font-family: 'FontAwesome';
  }


  /* Child Toggle Button Icon & Animations
  ========================================================================== */

  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .side-content {
    padding-left: 0px;
  }

  .meille-toihin .h1 {
    font-size: 39px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    padding: 0 0 30px;
  }

  .etusivu h4, .etusivu .h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0 0 30px;

  }

  .hs-rss-item {
    position: relative !important; 
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 0 0px;
    margin: 0 0 30px;
  }

  .hs-rss-byline {
    position: absolute;
    top: 35px;
    left: 66px;
  }

  .mobile .logo {
    float: left;
    width: 46%;
  }

  .mobile-header {
    padding: 15px;
    position: relative;
    background: #232323;
  }

  .mobile .toggle-google {
    display: block;
    width: 100%;
    text-align: right;
    padding: 11px 7px;
    box-sizing: border-box;
    position: relative;
    top: 0px;
    border: 1px solid #fff;
    right: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .paabanneri .teksti {
    min-height: 1px !important;
    padding-bottom: 30px;
  }

  body .gsc-control-cse {
    font-family: Arial,sans-serif;
    border-color: #fff;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    position: static;
    z-index: 199;
    right: 0;
    margin: 0px 0 20px 0px;
    top: 0px;
    height: auto;
  }

  .palvelut .hs_cos_wrapper_type_rich_text {
    float: left;
    text-align: center;
    width: 20%;
    margin-bottom: 20px;
  }

  .mobile .menu-button {
    float: right; 
    text-align: right;
    width: 46%;
    font-size: 24px;
    position: relative;
    top: 15px;
    right: 15px;
    box-sizing: border-box;
  }

  .mobile .menu-button i {
    padding-left: 7px;
  }

  .mobile-menu {
    background: #2d2d2d;
    padding-top: 20px;
  }

  .mobile-menu div form {
    max-width: 100%; 
  }

  .mobile-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {
    font-size: 22px;
    line-height: 1.1em;
    border-top: 1px dotted rgba(255, 255, 255, .20);
    border-left: 1px dotted rgba(255, 255, 255, .20);
    border-right: 1px dotted rgba(255, 255, 255, .20);
  }

  .mobile-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1:last-child>a {
    border-bottom: 1px dotted rgba(255, 255, 255, .20);
  }

  .mobile-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: static;
    z-index: 10;
    top: 34px;
    background: #2d2d2d;
    left: 47px;
    display: block;
    visibility: visible !important;
    opacity: 1 !important;
    background: rgba(0,0,0,0.2);
    padding: 10px;
  }

  .mobile-menu.js-enabled .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
  }   

  .mobile-header .google {
    position: absolute;
    top: -60px;
    right: 6px;
  }

  .mobile-menu {
    padding: 20px;
  }

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

  .mobile-menu .hs-menu-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }

  .side-navigation {
    display: none !important;
  }

  .mobile-menu .hs-menu-wrapper ul li a:hover, .mobile-menu .hs-menu-wrapper ul li.active a  {
    color: #3fcfd5;
  }

  .mobile-menu .hs-menu-wrapper ul li.active li a  {
    color: #fff !important;
  }

  .mobile-menu .hs-menu-wrapper ul li li a:hover,   .mobile-menu .hs-menu-wrapper ul li li.active a  {
    color: #3fcfd5 !important;
  }

  .kohderyhmanostot .hs_cos_wrapper_widget {
    width: 50%;
    min-height: 335px;
    box-sizing: border-box;
  }

  a.cta {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
  }

  .blog-pagination {
    text-align: center;
    margin-bottom: 34px;
  }
}


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

  .etusivu .rivi2 {
    padding-left: 00%;
  }

  .landari h1{
    margin-bottom: 1rem;
  }

  .palvelu-otsikko {
    font-size: 50px !important;
    line-height: 1.1em !important;
  }
}


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

  .side-navigation {
    background: #f5f4f4;
    padding: 15px 15px;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 30px;
  }

  .landari form{
    max-width: 100%;     
  }  

  .landari h1{
    margin-bottom: 1rem;
  }

  .palvelut-2017 {
    background: #fff;
  }

  .blog-sidebar {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hs-rss-item:nth-child(even) {
    padding-right: 0px;
  }

  .etusivu4 .palvelut {
    margin-bottom: 30px;
  }

  .palvelut .hs_cos_wrapper_type_rich_text {
    float: left;
    text-align: center;
    width: 33%;
    margin-bottom: 16px;
  }

  .blog .hs-featured-image-wrapper {
    float: noen;
    width: 100%;
    margin-bottom: 15px;
  }

  .blog .hs-featured-text-wrapper {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }

  .blog2017.blog .post-listing .post-header {
    margin-top: 30px;
  }

  .blog .post-item, .post-listing-simple .post-item2 {
    width: 100%;
    float: left;
    margin: 0 0 4% 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .etusivu3 h2.h1 {
    margin: 10px 0 20px !important;
    padding: 0;
  }

  .form-columns-2 .hs-form-field .hs-input {
    width: 100% !important;
  }

  label {
    font-size: 16px;
    line-height: 1.1em;
  }

  .hs-form .hs-form-radio label, .hs-form .hs-form-checkbox label {
    font-size: 15px;
    line-height: 1em;
  }


  .hs-rss-description { 
    padding-right: 0;
  }

  .sininen-bg .tilastot-bg .vali:first-child {
    padding-top: 40px;
  }

  .sininen-bg .tilastot-bg .vali {
    padding: 10px 0;
    border: none !important;
  }

  .hs-rss-item-text {
    padding: 66px 33px 0 33px;
    min-height: 10px;
  }

  .etusivu .rivi1 {
    padding: 0px;
  }


  .etusivu .rivi2 .kuva {
    padding-top: 10px;
    max-width: 70%;
    margin: auto;
  }


  .etusivu .rivi2 a {
    font-size: 13px;
  }

  .etusivu h1, .etusivu .h1 {
    font-size: 39px;
    line-height: 1em;

  }

  .side-navigation h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 17px;
    margin-top: 0;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Calibre-Medium',Arial;
    line-height: 1em;
    color: #232323;
    position: relative;
  }

  h6, .h6, blockquote, blockquote * {
    font-size: 19px !important;
    color: #474646 !important;
    font-family: 'Calibre-Light',sans-serif !important;
    font-weight: 400 !important;
    line-height: 27px !important;
    margin: 0 0 20px !important;
    display: block !important;
  }


  .rivi4.turvallisuuspalvelu-bg {
    padding: 0;
  }

  .rivi4.turvallisuuspalvelu-bg .kehys {
    padding: 60px 0;
  }

  .rivi4.turvallisuuspalvelu-bg .kehys {

    background: rgba(0,0,0,0.5);   
  }

  .meille-toihin .pyyda-tarjous-bg {
    padding: 0;
  }

  .meille-toihin .pyyda-tarjous-bg .kehys {
    padding: 40px;
  }

  .etusivu .rivi1 .kehys {
    padding: 50px 0 50px 20px;
    background-color: rgba(0,0,0,0.5) !important;
  }

  .meille-toihin .kehys {

    padding: 50px 10px !important;
    text-align: center !important;
  }

  .meille-toihin .h1 {
    font-size: 44px; 
  }

  .meille-toihin .kehys p {
    text-align: center !important;
  }

  .meille-toihin .h1 {
    font-size: 60px;
    font-weight: 400;
    line-height: 1.1em;

    margin: 0 !important;
    padding: 0 0 0px !important;
  }

  .meille-toihin .painike a {
    margin-top: 15px;
  }

  .tilastot-bg .vali {
    padding: 10px 0;
    border-right: 1px solid #004767;
  }

  .palvelusivu h1, .landari h1 {
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    padding: 0;
  }

  .tilastot-bg .h1 span, .tilastot-bg .h1 { 
    font-size: 42px !important;
    line-height: 1em;
  }

  h6, .h6 {
    font-size: 26px;
    font-weight: 300 !important;
    line-height: 33px;
    color: #000;
    margin: 0 0 20px;
    padding: 0;
  }

  .blog-sidebar {
    padding-left: 20px;
    padding-top: 20px !important;
    padding-right: 20px ;
    box-sizing: border-box;
  }
}


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

  .palvelut .hs_cos_wrapper_type_rich_text {
    float: left;
    text-align: center;
    width: 50%;
    margin-bottom: 16px;
  }

  .asiakkaat-kertovat .h1 {  
    font-size: 28px;
    line-height: 1em;
  }

  .sticky {
    display: none !important;
  } 

  .etusivu h1, .etusivu .h1 {
    font-size: 35px;
    line-height: 1em;
  }

  body .paabanneri .teksti, body .paabanneri .teksti div, body .paabanneri .teksti p, body .paabanneri .teksti * {
    font-size: 18px;
    line-height: 1.6em;
  }

  .side-navigation .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {

  }

  .blog .post-item, .post-listing-simple .post-item2 {
    width: 93%;
    float: left;
    margin: 0 2% 4% 2%;
    box-sizing: border-box;
  }


  .footer-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1 {
    float: left;
    width: 100%;
  }

  .kohderyhmanostot .hs_cos_wrapper_widget {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding:  30px 30px 30px;
    min-height: 250px;
  }

  a.cta {
    background: #005378 url("//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Offers/Kannet/lataa-esite.jpg?t=1455534676092") no-repeat scroll right -8px;
    display: block;
    box-sizing: border-box !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin: 20px 0 30px;
    letter-spacing: -1px;
    padding: 27px 195px 28px 22px;
    color: #FFF;
  }

  .tilastot-bg {
    text-align: center;
  }
}

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

  .blog2017 .blog-header .vasen, .blog2017 .blog-header .oikea {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    margin: 0;
  }

  .palvelu-otsikko {    
    font-size: 35px !important;
    line-height: 1.25em !important;
  }

  .palvelu-alaotsikko {    
    font-size: 17px !important;
    line-height: 1.25em !important;
  }

  .blog2017 .blog-header .vasen::after {
    content: none;
  }

  .blog2017 .blog-header .tausta-bg {   
    background: #3FCFD5;
  }

}

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

  .etusivu.etusivu3 .rivi1{ /* Added on 13.8.2019 */
    padding-top: 100px 0px 0px 0px;
  }


  .etusivu h1, .etusivu .h1 {
    font-size: 2.4rem; /* Changed from 27px to 2.4rem on 13.8.2019 */
    font-weight: 400; 
    line-height: 2.4rem;  /* Changed from 1em to 2.4rem on 13.8.2019 */
  }


  .yhteys-nosto .hs_cos_wrapper_type_rich_text img {
    position: absolute;
    top: 0;
    left: 0px;
    max-width: 106px;
    width: 106px;
    max-height: 129px;
    right: 0px;
    margin: auto;
  }


  .painike-valkoinen a, a.painike-valkoinen {
    font-size: 24px;
  }

  .hs-rss-byline, .hs-rss-item:nth-child(even) .hs-rss-byline {
    position: absolute;
    top: 35px;
    left: 33px;
  }

  .etusivu3 .palvelut h5, .etusivu3 .palvelut h5 a, .etusivu3 .palvelut h5 * {
    font-size: 18px;
    line-height: 1.1em;
  }

  .etusivu h2, .etusivu .h2 {
    font-size: 23px;
    font-weight: 400;
    line-height: 1.2em;
  }

  a.painike, .painike a, .hs-button.primary {
    padding: 27px 13px 21px;
  }

  h1, .h1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    padding: 0 0 30px;
  }


  a.cta {
    background: #005378 url("//1805562.fs1.hubspotusercontent-na1.net/hubfs/1805562/Offers/Kannet/lataa-esite.jpg?t=1455534676092") no-repeat scroll center bottom;
    display: block;
    box-sizing: border-box !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin: 20px 0 30px;
    letter-spacing: -1px;
    padding: 29px 22px 111px 22px;
    text-align: center;
    color: #FFF;
  }


  .video-yhteys-tyo-nosto h3.form-title {
    font-size: 29px;
    line-height: 1em;
  }

  h2, .h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
    margin: 20px 0 20px;
    padding: 0;
  }

  .yhteys-nosto .hs_cos_wrapper_type_rich_text {
    background: #f5f4f4;
    position: relative;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 5%;
    text-align: center;
    min-height: 129px;
  }


  /* Old menu 13.8.2019
  .mobile .logo, .mobile .menu-button {
  float: none;
  width:100%;
  position: static;
  text-align: center;
  margin-bottom: 15px;}


  .mobile .logo {
  margin-bottom: 35px;} 
  */

  .mobile .logo, .mobile .menu-button {
    float: left;
    width: 50%;
    margin-bottom: 15px;
  }

  .mobile .logo {
    margin-bottom: 5px;
  }
}


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

  .palvelut .hs_cos_wrapper_type_rich_text {
    float: left;
    text-align: center;
    width: 50%;
    margin-bottom: 16px;
  }

  h1, .h1 {
    font-size: 23px; 
    font-weight: 400;
    line-height: 1.2em; 
  }

  .palvelu-otsikko {
    font-size:50px !important;
    line-height: 1.25em !important;
  }

  a.painike, .painike a, .hs-button.primary {
    font-size: 14px;
    line-height: 1em;
  }

  .kohderyhmanostot h1, .kohderyhmanostot h2, .kohderyhmanostot h3, .kohderyhmanostot h4 {
    font-size: 19px;
    font-weight: 400;
    line-height: 22px;

  }
}