/* @import url('http://example.com/example_style.css'); */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.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;}




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


* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

body { margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:18px; line-height:24px; color:#3a3a3a; background:#fff; }

img { border:0; vertical-align: top; height:auto;  }

hr { border-color:#ccc; clear:both; margin-top:30px } 

.clear { clear:both }

p { padding:15px 0; margin:0; }

h1 { font-weight:600; color:#333333; font-family: 'Roboto', sans-serif; font-size:55px; line-height:57px; margin:0; padding:10px 0 10px; clear:both }
h2 { font-weight:600; color:#333333; font-family: 'Roboto', sans-serif; font-size:45px; line-height:48px; margin:0; padding:10px 0 10px; clear:both }
h3 { font-weight:600; color:#333333; font-family: 'Roboto', sans-serif; font-size:36px; line-height:38px; margin:0; padding:10px 0 10px; clear:both }
h4 { font-weight:600; color:#333333; font-family: 'Roboto', sans-serif; font-size:26px; line-height:28px; margin:0; padding:10px 0 10px; clear:both }
h5 { font-weight:600; color:#333333; font-family: 'Roboto', sans-serif; font-size:20px; line-height:22px; margin:0; padding:10px 0 10px; clear:both; }
h6 { font-weight:600; color:#333333; font-family: 'Roboto', sans-serif; font-size:18px; line-height:20px; margin:0; padding:10px 0 10px; clear:both }

a { text-decoration:none; outline:none; color:#dc0916; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
a:hover { color:#af0510; }

input , button , textarea { border:none; outline:none; }
input[type=submit] , button { cursor:pointer; background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/blank.png) no-repeat left top; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all  0.4s ease-in-out; }
ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; font-size:12px; }

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; width:auto; text-overflow: inherit !important; vertical-align:top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; }

::-webkit-input-placeholder { color: #555555; font-size:14px;  font-family: 'Roboto', sans-serif; opacity:1; }
:-moz-placeholder { color: #555555; font-size:14px; font-family: 'Roboto', sans-serif; opacity:1; }
::-moz-placeholder { color: #555555; font-size:14px; font-family: 'Roboto', sans-serif; opacity:1;  }
:-ms-input-placeholder { color: #555555; font-size:14px; font-family: 'Roboto', sans-serif; opacity:1;  }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,
.fancybox-nav span,.fancybox-tmp{   padding: 0;    margin: 0;	border: 0;	outline: none;	vertical-align: top; }
.fancybox-wrap {	position: absolute;	top: 0;	left: 0;	z-index: 8020;}
.fancybox-skin {	position: relative;	background: #f9f9f9;	color: #444;	text-shadow: none;	-webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radius: 4px;}
.fancybox-opened {	z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner {	position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { 	-webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe {	display: block;	width: 100%; height: 100%; }
.fancybox-image { max-width: 100%;	max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {	background-image: url('//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/fancybox_sprite.png'); }
#fancybox-loading {	position: fixed;	top: 50%;	left: 50%;	margin-top: -22px;	margin-left: -22px;	background-position: 0 -108px;	opacity: 0.8;	cursor: pointer;	z-index: 8060;}
#fancybox-loading div {	width: 44px;	height: 44px;	background: url('//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/fancybox_loading.gif') center center no-repeat; }
.fancybox-close {	position: absolute;	top: -18px;	right: -18px;	width: 36px;	height: 36px;	cursor: pointer; z-index: 8040;}
.fancybox-nav {	position: absolute;	top: 0;	width: 40%;	height: 100%;	cursor: pointer; text-decoration: none;	background: transparent url('//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } 
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp {	position: absolute;	top: -99999px;	left: -99999px;	visibility: hidden;	max-width: 99999px;	max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important;    width: auto; }
.fancybox-lock body {   overflow: hidden !important; }
.fancybox-lock-test {    overflow-y: hidden !important; }
.fancybox-overlay {	position: absolute;	top: 0;	left: 0;	overflow: hidden;	display: none;	z-index: 8010;	background: url('//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/fancybox_overlay.png'); }
.fancybox-overlay-fixed {	position: fixed;	bottom: 0;	right: 0;}
.fancybox-lock .fancybox-overlay { overflow: auto;	overflow-y: scroll; }

/* Title helper */
.fancybox-title {	visibility: hidden;	position: relative;	text-shadow: none;	z-index: 8050;}
.fancybox-opened .fancybox-title {	visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0;	right: 50%;	margin-bottom: -35px;	z-index: 8050;	text-align: center;}
.fancybox-title-float-wrap .child {	display: inline-block;	margin-right: -100%;	padding: 2px 20px;	background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;
-moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF;	font-weight: bold;	line-height: 24px;	white-space: nowrap; }
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;	color: #fff;}
.fancybox-title-inside-wrap {	padding-top: 10px;}
.fancybox-title-over-wrap { position: absolute; bottom: 0;left: 0; 	color: #fff;	padding: 10px;	background: #000;	background: rgba(0, 0, 0, .8);}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png');	background-size: 44px 152px; }
    #fancybox-loading div {	background-image: url('//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/fancybox_loading@2x.gif'); background-size: 24px 24px; }
}

/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box;         box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;    -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus,.slick-slide:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);   -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,.slick-track:after { display: table; content: ''; } 
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none; }


/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%;
 display: block; width: 50px; height: 50px;  padding: 0; cursor: pointer;
color: transparent; border: none; outline: none; background: transparent; z-index:9;  transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-size: 20px;    line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -60px; }

.slick-prev:before { content: ""; background:url('//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/slider-rightarrow.png') no-repeat; width:50px; height:50px; display:inline-block; transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);   }
.slick-next { right: -60px; }

.slick-next:before { content: ""; background:url('//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/slider-rightarrow.png') no-repeat; width:50px; height:50px; display:inline-block;  }


/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots {  position: absolute;  bottom: -45px;  display: block;  width: 100%;  padding: 0;  list-style: none;  text-align: center;}
.slick-dots li { position: relative; display: inline-block;  width: 10px; height: 10px; margin: 0 5px; padding: 0;  cursor: pointer; }
.slick-dots li button {  font-size: 0; line-height: 0;  display: block; width: 10px; height: 10px;  padding: 5px; cursor: pointer; color: transparent; border: 0;
outline: none;  background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus {  outline: none; } 
.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before {  font-size: 6px; line-height: 20px;position: absolute; top: 0; left: 0; width: 10px;  height: 10px;content: '';  text-align: center; border-radius:100%;
    opacity: 1; background:#b9b9b9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {  opacity: 1;  background:#e10916; }


.row-fluid .hs-form fieldset {max-width:none}
.row-fluid input[type=text],
.row-fluid input[type=email],
.row-fluid input[type=tel] {  font-family: 'Roboto', sans-serif;  font-size:18px;font-weight:400;border:1px solid #e1e1e1; background:#d4d4d4; height:54px; padding:0 20px;  -webkit-border-radius:0px;
    -moz-border-radius: 0px; border-radius: 0px;  }
.row-fluid select { border:1px solid #e1e1e1; color:#555555;  -webkit-appearance: none; -moz-appearance: none; appearance: none;  background-image: url('//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/drop-aerrow.png'); background-repeat:no-repeat; background-position: 96% center;  background-color:#d4d4d4;height:46px;padding:0 20px;font-size:18px; -webkit-border-radius:0px;
    -moz-border-radius: 0px; border-radius: 0px; font-family: 'Roboto', sans-serif; }
.row-fluid  textarea { border:1px solid #e1e1e1; background:#d4d4d4; padding:20px; font-size:18px;font-weight:400; height:100px; resize:none;font-family: 'Roboto', sans-serif;  width:100%;  -webkit-border-radius:0px;
    -moz-border-radius: 0px; border-radius: 0px;   }
.row-fluid .hs-form .input { margin-right:0}
.row-fluid .hs-form .field { padding:0 0 15px 0; }
.row-fluid .hs-form .form-columns-2 .field:first-child { padding:0 0px 15px 0}
.row-fluid .hs-form .input { margin-right:0}
.row-fluid .hs-form .form-columns-2 .field { padding:0 0 15px 15px}
.row-fluid .hs-form .form-columns-2 .field:first-child+.field { padding:0 0 15px 15px}
.row-fluid .hs-form fieldset.form-columns-1 .input,.row-fluid .hs-form fieldset.form-columns-2 .input { margin-right:0; }
.row-fluid .hs-form fieldset.form-columns-1 .hs-input { width:100%; }
.row-fluid input[type=submit] {  -webkit-border-radius:0px;  -moz-border-radius: 0px; border-radius: 0px; text-transform:uppercase; width:auto; min-width:140px; display:inline-block;background-color:#e10916;color:#fff;padding:15px 25px; line-height:20px; font-size:16px;color:#fff; font-family: 'Roboto', sans-serif; font-weight:600; text-align:center; letter-spacing:1.4px;}
.row-fluid input[type=submit]:hover { background-color:#333}
.row-fluid .hs-form label { margin-bottom:5px; display:inline-block;  }
.row-fluid .hs-form-required { color:#e10916; }
.row-fluid ul { margin:0;padding:0;list-style:none }

strong { font-family: 'Roboto', sans-serif; font-weight:600; }

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


.row-fluid .bgimg-main { background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; }
.row-fluid .bg-img { display:none; }

.paddt10 { padding-top:10px; }
.paddt20 { padding-top:20px; }
.paddt30 { padding-top:30px; }
.paddt40 { padding-top:40px; }
.paddt50 { padding-top:50px; }
.paddt60 { padding-top:60px; }
.paddt70 { padding-top:70px; }
.paddt80 { padding-top:80px; }
.paddb10 { padding-bottom:10px; }
.paddb20 { padding-bottom:20px; }
.paddb30 { padding-bottom:30px; }
.paddb40 { padding-bottom:40px; }
.paddb50 { padding-bottom:50px; }
.paddb60 { padding-bottom:60px; }
.paddb70 { padding-bottom:70px; }
.paddb80 { padding-bottom:80px; }
.paddtb10 { padding-top:10px; padding-bottom:10px; }
.paddtb20 { padding-top:20px; padding-bottom:20px; }
.paddtb30 { padding-top:30px; padding-bottom:30px; }
.paddtb40 { padding-top:40px; padding-bottom:40px; }
.paddtb50 { padding-top:50px; padding-bottom:50px; }
.paddtb60 { padding-top:60px; padding-bottom:60px; }
.paddtb70 { padding-top:70px; padding-bottom:70px; }
.paddtb80 { padding-top:80px; padding-bottom:80px; }

.row-fluid .cta-btn a { font-size:20px;  color:#fff;  background:#dc0916; padding:10px 20px; min-width:180px; text-align:center; text-transform:uppercase; display:inline-block;  }
.row-fluid .cta-btn a:hover { background:#333333;} 

.row-fluid .cta-btn2 a {  letter-spacing:2px; text-transform:uppercase; display:inline-block; padding:10px 25px; background:rgba(255,255,255,0.35); border:2px solid rgba(255,255,255,0.35); font-family: 'Roboto', sans-serif; }
.row-fluid .cta-btn2 a:hover { background:#fff; }

.row-fluid .white-title h1,.row-fluid .white-title h2,.row-fluid .white-title h3,.row-fluid .white-title h4,.row-fluid .white-title h5,.row-fluid .white-title h6 { color:#fff;}

.row-fluid .cta-btn3 a {  letter-spacing:2px; text-transform:uppercase; display:inline-block; padding:10px 25px; background:rgba(255,255,255,1); color:#7c7c7c; font-family: 'Roboto', sans-serif; }
.row-fluid .cta-btn3 a:hover{ background:#de514c; color:#fff; } 

.row-fluid .wrapper { margin:0 auto !important; float:none !important; } 

.row-fluid .uppercase-text{ text-transform:uppercase; }
.row-fluid .center-text{ text-align:center; }
.row-fluid .right-text{ text-align:right; }

.row-fluid .sub-title { color:#de5048; font-size:36px; line-height:40px; }


.row-fluid .white-bg { background:#fff;}


 
.row-fluid .header { padding:10px 0 0;}
.row-fluid .header .logo img { max-width:150px;    }
.row-fluid .nav-menu { text-align:right; float:right; margin-top:8px; }
.row-fluid .nav-menu li { display:inline-block; padding-left:15px; padding-right:15px; }
.row-fluid .nav-menu li:last-child { padding-right:0; }
.row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding:15px 0 30px; font-weight:500;  display:inline-block;  color:#333333; position:relative; }
.row-fluid .nav-menu li a:after { content:""; height:3px; width:0; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;  background:#e10916; position:absolute; bottom:0; left:0; right:0;} 
.row-fluid .nav-menu li a:hover:after { width:100%; }
.row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover { color:#e10916;}

.nav-menu .hs-menu-children-wrapper {
    
}

@media screen and (min-width: 768px){
    
    /* DEPTH 2  */
    .row-fluid .nav-menu .hs-menu-depth-2 {
        background: #fff;
        width: 100%;
        padding: 0 30px;
        text-align:left;
        display: block;
        padding-bottom: 10px;
    }
    
    .row-fluid .nav-menu .hs-menu-depth-2:last-child {
        padding-bottom: 0;
    }
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-depth-2 a {
        padding: 0 0 20px;
    }
    
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a.child-trigger {
        display: none;
    }
    
    /* DEPTH 3 */
    .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: 220px;
        top: 0;
    }
    
    .row-fluid .nav-menu .hs-menu-depth-3 {
        background: #fff;
        width: 100%;
        padding: 0 30px;
        text-align:left;
        display: block;
        padding-bottom: 10px;
    }
    
    .row-fluid .nav-menu .hs-menu-depth-3:last-child {
        padding-bottom: 0;
    }
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-depth-3 a {
        padding: 0 0 20px;
    }
     
     
}




.row-fluid .footer { background:#313237; color:#98999d; font-size:16px; line-height:24px; position:relative; }
.row-fluid .footer:before { content:""; background:#2e2f34; height:13px; width:100%; position:absolute; top:0; left:0; right:0;}
.row-fluid .footer .wrapper { position:relative; z-index:1;}
.row-fluid .footer a { color:#98999d; }
.row-fluid .footer a:hover { color:#be111b; }
.row-fluid .footer h4 { color:#fff; font-weight:500; margin-bottom:10px; } 
.row-fluid .footer .ftemail-subsribeform { margin-top:10px; }
.row-fluid .footer .ftemail-subsribeform h3 { color:#fff; font-weight:500; font-size:24px; line-height:26px;  } 
.row-fluid .footer .ftemail-subsribeform input[type=text],.row-fluid .footer .ftemail-subsribeform input[type=email],
.row-fluid .footer .ftemail-subsribeform input[type=tel] {  height:50px; padding:0 15px; background:#232429; border-color:#46474e; color:#fff;  -webkit-border-radius:3px;
    -moz-border-radius: 3px; border-radius: 3px; }
.row-fluid .footer .ftemail-subsribeform .hs_email > label { display:none; }
.row-fluid .footer .ftemail-subsribeform input[type=text]::-webkit-input-placeholder,.row-fluid .footer .ftemail-subsribeform input[type=email]::-webkit-input-placeholder,
.row-fluid .footer .ftemail-subsribeform input[type=tel]::-webkit-input-placeholder { color: #fff; opacity:1; }
.row-fluid .footer .ftemail-subsribeform input[type=text]:-moz-placeholder ,.row-fluid .footer .ftemail-subsribeform input[type=email]:-moz-placeholder ,
.row-fluid .footer .ftemail-subsribeform input[type=tel]:-moz-placeholder { color: #fff; opacity:1; }
.row-fluid .footer .ftemail-subsribeform input[type=text]::-moz-placeholder  ,.row-fluid .footer .ftemail-subsribeform input[type=email]::-moz-placeholder ,
.row-fluid .footer .ftemail-subsribeform input[type=tel]::-moz-placeholder { color: #fff; opacity:1;  }
.row-fluid .footer .ftemail-subsribeform input[type=text]:-ms-input-placeholder  ,.row-fluid .footer .ftemail-subsribeform input[type=email]:-ms-input-placeholder ,
.row-fluid .footer .ftemail-subsribeform input[type=tel]:-ms-input-placeholder { color: #fff; opacity:1;  }

.row-fluid .footer .ftemail-subsribeform input[type=submit] { -webkit-border-radius:3px;  -moz-border-radius: 3px; border-radius: 3px; }
.row-fluid .footer .footer-col p { padding-top:0; }
.row-fluid .footer .footer-links ul { margin:0; width:100%; float:left; padding:0 15px;  }
.row-fluid .footer .footer-links ul:first-child { padding-left:0;}
.row-fluid .footer .footer-links ul li { background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/link-sep.png) repeat-x; background-position:bottom; padding-bottom:8px; margin-bottom:8px; }
.row-fluid .footer .footer-links ul li:last-child { background:none; }
.row-fluid .footer .ftsocial-icons ul { margin:0; }
.row-fluid .footer .ftsocial-icons ul li { display:inline-block; padding:0 3px; }
.row-fluid .footer .ftsocial-icons ul li a { font-size:0; display:inline-block; }
.row-fluid .footer .ftsocial-icons ul li a i { font-size:26px;}

.row-fluid .copyright-row { margin-top:20px; font-size:14px; line-height:16px; }
.row-fluid .copyright-row .term-conditionlink  { text-align:right;}
.row-fluid .bottom-footer { background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/bottom-footerbg.jpg); } 
.row-fluid .bottom-footer h3 { font-size:40px; line-height:42px; color:#e10916; } 
.row-fluid .bottom-footer h3 span { color:#878787;}
 
.row-fluid .hero-section { color:#fff; text-align:center; min-height:700px; position:relative; }
.row-fluid .hero-section h1 { color:#fff; padding-bottom:0; }
.row-fluid .hero-section:before { content:""; left:0; top:0; bottom:0; position:absolute;  background:rgba(0,0,0,0.5); right:0; width:100%; height:100%;} 
.row-fluid .hero-section .wrapper { position:absolute; right:0; left:0; top:50%; transform:translateY(-50%); z-index:1; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }

.row-fluid .blog-section .blog-listing-wrapper { padding:60px 0; float:left; width:100%; }
.row-fluid .blog-section .blog-listing-wrapper .post-item { float:left; width:100%; padding-bottom:30px; margin-bottom:30px;}
.row-fluid .blog-section .blog-listing-wrapper .post-item:last-child { padding-bottom:0; }
.row-fluid .blog-section .blog-listing-wrapper .post-header { float:left; width:30%; padding-right:20px; }
.row-fluid .blog-section .blog-listing-wrapper .post-body { float:left; width:70%; padding-left:20px;} 
.row-fluid .blog-section .post-body h3 { padding-bottom:10px; margin-bottom:10px;  padding-top:0; border-bottom:1px solid rgba(75,9,13,0.25);}
.row-fluid .blog-section .post-header .hs-featured-image { max-width:100%;}
.row-fluid .blog-section .post-body .post-date { margin-top:10px; display:inline-block;  }
.row-fluid .blog-section .post-body a.more-link { font-size:20px;  color:#fff;  background:#dc0916; padding:10px 15px; min-width:180px; text-align:center; text-transform:uppercase; display:inline-block;  }
.row-fluid .blog-section .post-body a.more-link:hover { background:#333333;} 
.row-fluid .blog-section .post-body .post-content p { padding-top:5px; }
.row-fluid .blog-section .blog-pagination { float:left; width:100%; text-align:right; }
.row-fluid .blog-section .blog-pagination  a { font-size:20px;  color:#fff;  background:#dc0916; padding:10px 15px; min-width:180px; text-align:center; text-transform:uppercase; display:inline-block;  }
.row-fluid .blog-section .blog-pagination  a:hover { background:#333333;} 

.row-fluid .blog-section .topic-daterow { float:left; width:100%; font-weight:300; margin-bottom:60px; }
.row-fluid .blog-section .topic-daterow .post-date { float:right;}
.row-fluid .blog-section .topic-daterow .topic-links { float:left; }
.row-fluid .blog-section .topic-daterow .topic-links a { float:left;  display:inline-block; color:#333333;  }
.row-fluid .blog-section .topic-daterow .topic-links a:hover  { color:#e10916;}
.row-fluid .blog-section .topic-daterow .topic-links a:first-child:after,.row-fluid .blog-section .topic-daterow .topic-links a:last-child:after { display:none; } 
.row-fluid .blog-section .topic-daterow .topic-links a:after { content:"|"; display:inline-block; padding-left:10px; padding-right:10px;  }

.row-fluid .author-secwrap { margin:60px 0 0; float:left; width:100%; position:relative; min-height:220px; }
.row-fluid .author-secwrap .author-bioinfo {  position:absolute; width:200px; }
.row-fluid .author-secwrap .author-biocontent { padding-left:230px; width:100%; margin:0;   }
.row-fluid .author-secwrap .author-biocontent span { background:#eff0f3; padding:10px 25px; float:left; width:100%;}
.row-fluid .author-secwrap .author-name h5 a { color:#333333;  }
.row-fluid .author-secwrap .author-name h5 span { display:block; font-size:14px; line-height:16px; font-weight:normal;}
.row-fluid .author-secwrap .author-img { border:2px solid #e10916; padding:10px;  border-radius:100%; width:150px; height:150px; overflow:hidden; }
.row-fluid .author-secwrap .author-img span { border-radius:100%;  width:125px; height:125px; overflow:hidden; display:inline-block; position:relative; }
.row-fluid .author-secwrap .author-img img { max-width:none; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); }

.row-fluid .section-header h2 { position:relative; text-align:center; text-transform:uppercase; padding-bottom:10px; margin-bottom:15px;  }
.row-fluid .section-header h2:after { content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:#e10916; height:3px; width:88px; } 

.row-fluid .services-boxes { float:left; width:100%;}
.row-fluid .services-boxes .service-icon { display:inline-block; border:2px solid #e50815; width:80px; height:80px; position:relative;  border-radius:100%; margin:0 auto 10px;   }
.row-fluid .services-boxes .service-icon img { max-width:50px; max-height:50px; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); }
.row-fluid .services-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; float:left; padding:0 8%; margin-bottom:15px;  }
.row-fluid .services-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .services-col { background:#faf9f9; border:1px solid #d4d4d4; text-align:center; padding:40px; }

.row-fluid .product-section { position:relative; color:#fff; text-align:center; }
.row-fluid .product-section:before { content:""; left:0; top:0; bottom:0; position:absolute;  background:rgba(0,0,0,0.5); right:0; width:100%; height:100%;} 
.row-fluid .product-section .wrapper { position:relative; z-index:1;}
.row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:25%; float:left; padding:0 15px; margin-bottom:50px; }
.row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(4n) { clear:right; }
.row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(4n+1) { clear:left; }
.row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget h2,.row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget h5 { color:#fff;} 
.row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .product-icon { width:60px; height:60px; margin:0 auto 5px; }
.row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .product-icon  img { max-width:4em; width:auto; max-height:60px; }
.row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .product-content { font-weight:300; }
.row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .product-content h2 { padding-bottom:0; }


.row-fluid .konserni-rows span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; position:relative; min-height:200px; margin-bottom:30px;  }
.row-fluid .konserni-rows .konserni-logo { position:absolute; width:280px; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.row-fluid .konserni-rows .konserni-contentwrap { padding-left:290px; }
.row-fluid .konserni-rows .konserni-contentwrap .konserni-content { background:#fff; padding:40px; }
.row-fluid .konserni-rows .konserni-contentwrap .konserni-content h5 { padding-top:0; font-size:23px; line-height:25px; }
.row-fluid .konserni-rows .konserni-contentwrap .konserni-content .cta-btn a { margin-top:10px; }

.row-fluid .konserni-noteline { font-size:23px; line-height:28px; font-weight:600; }
.row-fluid .konserni-noteline strong { color:#e50916;}


.row-fluid .tarina-section .cta-btn { margin:0 auto; display:table; width:auto; float:none; }
.row-fluid .timeline-rows { position:relative; width:100%; float:left; }
.row-fluid .timeline-rows span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { float:left; width:100%;}
.row-fluid .timeline-rows:after { z-index:-1; content:"";  background:#333333; width:4px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); position:absolute; top:60px; bottom:40px; }
.row-fluid .timeline-row  { padding:10px 0; width:50%; float:left; }
.row-fluid .timeline-rightrow { float:right;}
.row-fluid .tarina-contentwrap { font-weight:300; float:right; background:#f8f6f6; padding:25px; width:60%; }
.row-fluid .tarina-contentwrap h5 { padding-bottom:0; color:#e10916; font-size:23px;  line-height:25px; }
.row-fluid .tarina-icon { margin-left:35px; position:relative; float:right; display:inline-block;  background:#e50815; border-radius:100%; width:90px; height:90px; text-align:center; margin-right:-45px; margin-top:40px; }
.row-fluid .tarina-icon img { max-width:50px; max-height:50px; margin:0 auto; left:0; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); position:absolute; }

.row-fluid .timeline-rightrow .tarina-icon  { float:left; margin-right:35px; margin-left:-45px; }
.row-fluid .timeline-rightrow .tarina-contentwrap { float:left; }

.row-fluid .logo-cols { text-align:center;  }
.row-fluid .logo-cols span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { display:inline-block; padding:0 20px; vertical-align:middle; margin-bottom:15px;  }
.row-fluid .logo-cols span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:first-child { padding-left:0; }
.row-fluid .logo-cols span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:last-child { padding-right:0; }

.row-fluid .pyyda-section .wrapper { padding-left:15%; padding-right:15%;}
.row-fluid .pyyda-section  { -webkit-border-radius:3px;  -moz-border-radius: 3px; border-radius: 3px; }
.row-fluid .pyyda-section .actions { text-align:center;}
.row-fluid .pyyda-section input[type=submit] { margin:30px auto 0; }

.row-fluid .otsikko-section { background:#f9f8f8; border-bottom:1px solid #ebebeb; }
.row-fluid .allen-bioinfo { margin:0 auto; float:none; display:inline-block; }
.row-fluid .allen-bioinfo .client-name  {  width:auto; display:inline-block; text-align:left;  float:none; vertical-align:middle; font-size:14px; line-height:16px;   }
.row-fluid .allen-bioinfo .client-name strong { display:block; font-size:20px; line-height:26px; text-transform:uppercase; }
.row-fluid .allen-bioinfo .client-img {  float:none; border:2px solid #e10916; padding:10px;  border-radius:100%; width:115px; height:115px; overflow:hidden; display:inline-block; vertical-align:middle;  }
.row-fluid .allen-bioinfo .client-img span.hs_cos_wrapper_type_linked_image { border-radius:100%;  width:90px; height:90px; overflow:hidden; display:inline-block; position:relative; }
.row-fluid .allen-bioinfo .client-img img { max-width:115px; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); }

.row-fluid .story-section h5 { font-size:22px; line-height:24px;  }
.row-fluid .story-section h4 { font-size:28px; line-height:30px;  }

.row-fluid .sub-text { font-size:22px; line-height:26px; color:#555555; margin:20px 0; }

.row-fluid .tassa-seonslick { text-align:center}
.row-fluid .tassa-seonslick span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { border-right:1px solid #d4d4d4; }

.row-fluid .tassa-seonicon,.row-fluid .tassa-seontitle { display:inline-block; vertical-align:middle;}
.row-fluid .tassa-seonicon img { max-width:70px; height:auto;  }
.row-fluid .tassa-seontitle { color:#27313d; font-size:24px; line-height:26px; color:#333333; padding-left:10px; font-weight:600; }
.row-fluid .tassa-seoncol { padding:25px;  margin:0 auto; display:inline-block; position:relative;  }
/*.row-fluid .tassa-seoncol:after { content:""; background:#d4d4d4; width:1px; position:absolute; right:0; height:100%; top:0; } */
.row-fluid .tassa-seonicon { position:relative; }
.row-fluid .tassa-seoncol .tassaseon-hovericon { opacity:0;  position:absolute; top:0; left:0; right:0; width:100%; height:100%; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
.row-fluid .tassa-seoncol:hover .tassaseon-defaulticon,.row-fluid .tassa-seonslick span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget.slick-current .tassaseon-defaulticon { opacity:0; }
.row-fluid .tassa-seoncol:hover .tassaseon-hovericon,.row-fluid .tassa-seonslick span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget.slick-current .tassaseon-hovericon { opacity:1; }
.row-fluid .tassa-seonslick span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget.slick-current + div { border-right:none;}

.row-fluid .tassa-boxessection { text-align:center;   }
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { overflow:hidden; width:33.33%; float:left; border:1px solid #fff; border-bottom:none; position:relative;  }

.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .work-content { font-size:16px; line-height:20px;  padding:10px 15px; text-align:center; color:#fff; position:absolute; bottom:0; width:100%;  -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;   }
/*
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .work-content { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
*/
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .work-content h5 { color:#fff; text-transform:uppercase; font-size:24px; padding-top:25%; padding-bottom:5px;   }
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .work-content .work-hovercontent { height:0; opacity:0; bottom:-100%;  -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .work-img:after { content:""; background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/head-overlaybg.png) repeat-x; position:absolute; bottom:0; width:100%; height:60px; left:0; right:0;  }
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .work-img:before { content:""; background:rgba(225,9,22,0.75); position:absolute;  left:0; bottom:0; width:100%; height:0%; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:hover .work-img:before { height:100%; top:0; }
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:hover .work-img:after { opacity:0;}
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:hover .work-hovercontent { height:auto; opacity:1; bottom:0; padding-bottom: 25%; }

.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:hover .work-content { position:absolute; bottom:50%; width:100%;  transform:translateY(50%); -moz-transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%); }
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .work-img { position:relative; height:250px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; }

.row-fluid .work-columns.regContent { position: relative; }

@media screen and (min-width: 768px){
    .row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:focus .work-content { position:absolute; bottom:50%; width:100%;  transform:translateY(50%); -moz-transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%);}
    .row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:focus .work-img:after { opacity:0;}
    .row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:focus .work-img:before { height:100%; top:0; }
    .row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:focus .work-hovercontent { height:auto; opacity:1; bottom:0; padding-bottom: 25%; }
}

/* Homepage clicks on mobile */

@media screen and (max-width: 600px){
    .work-columns.regContent > a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

/*
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:focus .work-content,
.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:hover .work-content{
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
}
*/


.row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .work-img img { display:none;  }

.row-fluid .tassa-linksgroup { display:inline-block; margin-top:15px; width:100%; } 
.row-fluid .tassa-linksgroup a { line-height:38px;  display:inline-block; text-align:center; border-radius:100%; background:#1c1d20; color:#98999d; width:40px; height:40px; font-size:20px; }
.row-fluid .tassa-linksgroup a:hover { color:#fff; } 

.row-fluid .test-clientbio { text-align:center; color:#fff; font-size:14px; line-height:16px; display:inline-block;  width:20%; vertical-align:top;  }
.row-fluid .test-clientdesc { border:2px solid #fff; width:78%; display:inline-block; position: relative;  background:rgba(228,228,228,0.35); padding:25px; border-radius:3px; color:#fff; font-style:italic; line-height:26px; vertical-align:top; }
.row-fluid .test-clientbio h5 { color:#fff; padding-bottom:5px; }
.row-fluid .testimonial-slick .testclient-img {  float:none; border:2px solid #e10916; padding:5px;  border-radius:100%; background:rgba(255,255,255,0.20); width:115px; height:115px; overflow:hidden; display:inline-block; vertical-align:middle;  }
.row-fluid .testimonial-slick .testclient-img span { border-radius:100%;  width:100px; height:100px; overflow:hidden; display:inline-block; position:relative; }
.row-fluid .testimonial-slick .testclient-img img { max-width:130px; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); }

.row-fluid .test-clientdesc:after, .row-fluid .test-clientdesc:before { right: 100%; top: 25px;	border: solid transparent;	content: " "; height: 0; width: 0;	position: absolute;
	pointer-events: none; }

.row-fluid .test-clientdesc:after {	border-color: rgba(136, 183, 213, 0); border-right-color: #959493; border-width: 15px; margin-top: 4px; }
.row-fluid .test-clientdesc:before { border-color: rgba(194, 225, 245, 0); border-right-color: #fff; border-width: 17px; 	margin-top: 2px; }

.row-fluid .testimonial-slick .slick-dots li button:before { background:#f0f1f1; }
.row-fluid .testimonial-slick .slick-dots li.slick-active button:before { background:transparent; border:2px solid #e10916; margin-top:-2px;}

.row-fluid .autamme-section { padding-bottom:200px; background-position:bottom !important; }
.row-fluid .autamme-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:33.33%; float:left; padding:0 15px;}
.row-fluid .feature-box h5 { font-size:23px; line-height:26px; }
.row-fluid .feature-box { background:#fff; border:1px solid #d4d4d4; padding:40px 20px; text-align:center; position:relative; } 

@media screen and (min-width: 768px){
    .row-fluid .feature-box:hover .feature-hovericon { opacity:1; } 
    .row-fluid .feature-box:hover .feature-defaulticon { opacity:0;}
    .row-fluid .feature-box:hover { border-color:#1c2024; position:relative; z-index:1; transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);  -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; background:#1c2024; color:#fff; }
    .row-fluid .feature-box:hover h5 { color:#fff; }
    .row-fluid .feature-box:hover:after { content:"";  border-left: 20px solid transparent;  border-right: 20px solid transparent;  border-top: 20px solid #1c2024; position:absolute; bottom:-30px; left:50%;  transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); margin-left:-20px; }
    .row-fluid .feature-icon { position:relative; margin-bottom:15px;  }
    .row-fluid .feature-hovericon { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;  -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;  }
    .row-fluid .autamme-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget  a.more-link { display:block; width:100%; margin-top:15px;  }
    /* .row-fluid .autamme-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget  a.more-link:after { content:""; background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/right-arrow.png) no-repeat; display:inline-block; width:16px; height:11px; margin-left:10px;    } */   
}

@media screen and (max-width: 768px){
    
    
    .feature-hovericon {
        display: none;
    }
}

.row-fluid .time-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; float:left; padding:0 25px; text-align:center;}
.row-fluid .time-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .timeline-imgwrap { border:1px solid #d4d4d4; padding:5px; margin:25px 0; }
.row-fluid .time-boxes .timeline-box h3  strong { color:#e10916; padding-bottom:0;  }
.row-fluid .time-boxes .timeline-box { line-height:26px; }
.row-fluid .time-boxes .timeline-box a { margin-top:25px; }
.row-fluid .time-boxes .timeline-img { position:relative; height:250px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; }
.row-fluid .time-boxes .timeline-img img { display:none;  }

.row-fluid .takaamme-section { background-position:top !important; padding-top:200px; }
.row-fluid .takaamme-col { padding-left:30px; }
.row-fluid .takaamme-col h4 { margin-bottom:15px; font-size:28px; line-height:30px; }
.row-fluid .takaamme-col ul { padding:0; }
.row-fluid .takaamme-col ul ul { padding:1em 0 0 1em; }
.row-fluid .takaamme-col ul li { position:relative;  padding-left:0px; display:block; margin-bottom:15px;} 
.row-fluid .takaamme-col ul li:before { content:"\f138"; display:inline-block; font-family: 'FontAwesome'; font-size:20px; color:#e10916; position:absolute; left:-30px; }
.row-fluid .takaamme-col .cta-btn a { margin-top:15px; min-width:auto; }

.row-fluid .blogsection-header { margin-bottom:25px; }
.row-fluid .blogsection-header h4 { position:relative;  display:inline-block; font-size:28px; line-height:30px; text-transform:uppercase; }
.row-fluid .blogsection-header h4 strong { color:#e10916;}
.row-fluid .blogsection-header h4:after { content:""; position:absolute; bottom:0; height:1px; width:auto; left:25px; right:25px;  background:#e10916;  }
.row-fluid .home-recentpost .blog-authorrow { float:left; width:100%; margin-bottom:5px; }
.row-fluid .home-recentpost .blog-authorrow ul { padding:0;}
.row-fluid .home-recentpost .blog-authorrow li { display:inline-block; font-size:14px; float:left; font-weight:500; color:#555555; }
.row-fluid .home-recentpost .blog-authorrow li a { color:#555555;}
.row-fluid .home-recentpost .blog-authorrow li a:hover { color:#e10916; } 
.row-fluid .home-recentpost .blog-authorrow li:first-child:after { display:none; }
.row-fluid .home-recentpost .blog-authorrow li:after { content:"|"; padding:0 5px; display:inline-block; float:left; }
.row-fluid .home-recentpost { padding:0 0 25px 0; }
.row-fluid .home-recentpost h5,.row-fluid .home-blogcol .blogpost-content h5 { font-size:24px; line-height:26px; padding-bottom:0; padding-top:0;   }
.row-fluid .home-recentpost h5 a,.row-fluid .home-blogcol .blogpost-content h5 a { color:#333333;  }
.row-fluid .home-recentpost .post-content { float:left; width:100%; /*border-bottom:1px solid rgba(194,194,194,0.65);*/ padding-bottom:5px; margin-bottom:0px; color:#555555; }
.row-fluid .home-recentpost .post-content p { padding:0; }
.row-fluid .home-recentpost .more-link { font-size:14px; line-height:18px; font-weight:800; }
.row-fluid .home-recentpost .more-link:hover { color:#555; }
/* .row-fluid .home-recentpost .more-link:before { content:""; background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/blog-morelink.png) no-repeat; display:inline-block; width:25px; height:8px; margin-right:5px; vertical-align:middle  } */

.row-fluid .home-blogcol .blog-authorrow ul {
    display: inline-block;
    font-size: 14px;
    float: left;
    font-weight: 500;
    color: #555;
}

.row-fluid .home-blogcol .blog-authorrow li {
    display: inline-block;
    font-size: 14px;
    float: left;
    font-weight: 500;
    color: #555;
}

.row-fluid .home-blogcol .blog-authorrow li:first-child:after { display:none; }
.row-fluid .home-blogcol .blog-authorrow li:after { content:"|"; padding:0 5px; display:inline-block; float:left; }

.row-fluid .home-blogcol .cta-btn a { margin-top:25px; }
.row-fluid .home-blogcol .blogpost-image { width:100px; height:100px; position:absolute;  }
.row-fluid .home-blogcol .blogpost-content { padding-left:110px; }
.row-fluid .home-blogcol .blog-postrow { float:left; width:100%; min-height:100px; margin-bottom:15px;   }
.row-fluid .home-blogcol .blog-postrow .post-title { /*min-height:55px;*/}
.row-fluid .home-blogcol .author-daterow { /*border-bottom:1px solid rgba(194,194,194,0.65);*/ float:left; width:100%; }
.row-fluid .home-blogcol .author-daterow ul { padding:0;}
.row-fluid .home-blogcol .author-daterow li { display:inline-block; font-size:14px; float:left; font-weight:500; color:#555555; }
.row-fluid .home-blogcol .author-daterow li a { color:#555555;}
.row-fluid .home-blogcol .author-daterow li a:hover { color:#e10916; } 
.row-fluid .home-blogcol .author-daterow li:first-child:after { display:none; }
.row-fluid .home-blogcol .author-daterow li:after { content:"|"; padding:0 5px; display:inline-block; float:left; }
.row-fluid .home-blogcol .blogpost-image img { border:3px solid #cccccc;}


.row-fluid .team-section { background:#f9f9f9; border-bottom:8px solid #cdcecf;}
.row-fluid .team-section .team-boxes { margin-left:-15px; margin-right:-15px; text-align:center; }
.row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:25%; display:inline-block !important; padding:0 15px; margin-bottom:50px; margin-right:-6px; vertical-align: top;}
.row-fluid .team-boxes #hs_cos_wrapper_widget_1473661062970,
.row-fluid .team-boxes #hs_cos_wrapper_widget_1473661078405 {
    display: inline-block !important;
}
.row-fluid .team-box { background:#fff; border:1px solid #f1f1f1; }

@media screen and (min-width: 768px){
    .row-fluid .team-box:hover .team-bioinfo:after { opacity:1; top:100%;height:8px; margin-bottom:8px; }
    .row-fluid .team-box:hover h6 { color:#e10916;}
    .row-fluid .team-box:hover .social-icons { background:rgba(44,50,55,1); }
    .row-fluid .team-box .team-bioinfo:after { content:""; background:#e10916; top:0; width:100%; height:0px; left:0; right:0; position:absolute; opacity:0;  -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; transition:all .6s ease-in-out;  }

}

.row-fluid .team-imgwrap { position:relative; }
.row-fluid .team-proimg { position:relative; height:300px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; }
.row-fluid .team-proimg img { display:none;  }

.row-fluid .social-icons { position:absolute; bottom:0; background:rgba(44,50,55,0.7); left:0; right:0;  -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; transition:all .6s ease-in-out;  }
.row-fluid .social-icons li { display:inline-block; padding:15px 8px; }
.row-fluid .social-icons li a { color:#fff; display:inline-block; }
.row-fluid .social-icons li a:hover { color:#e10916;} 

.row-fluid .team-bioinfo { padding:15px; font-size:18px; line-height:26px; font-weight:600; color:#313237; position:relative; min-height: 9em; }
.row-fluid .team-bioinfo h6 { font-weight:800; padding:0 0 5px 0; }
.row-fluid .team-contactinfo a { display:block; color:#313237; cursor: default; }

.row-fluid #tweecool ul li { padding-bottom:5px; margin-bottom:15px; font-size:14px; border-bottom:1px solid rgba(194,194,194,0.65); }
.row-fluid #tweecool ul li .tweets_txt:before { content:"\f099"; font-family: 'FontAwesome'; font-size:20px; display:inline-block; color:#e10916; margin-right:5px;  }
.row-fluid #tweecool ul li .tweets_txt span { display:block; padding-top:5px; }

.row-fluid .recservices-boxes span.hs_cos_wrapper_widget_container { float:left; margin-left:-15px; margin-right:-15px;  }
.row-fluid .recservices-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget  { /*width:33.33%; float:left;*/ padding-left:15px; padding-right:15px;   }
.row-fluid .recservices-icon { width:90px; height:90px; margin-bottom:15px; margin-left:auto; margin-right:auto;  }
.row-fluid .recservices-icon img { max-width:90px; max-height:90px; }
.row-fluid .recservices-content h4 { font-size:28px; line-height:32px; margin-bottom:5px;  }
.row-fluid .recservices-boxes .cta-btn a { margin-top:30px; }

.row-fluid .mitaon-section { padding-top:200px; }
.row-fluid .team-section .team-boxes {}
.row-fluid .rec-bioinfo { color:#333333; margin-top:15px; }
.row-fluid .rec-bioinfo h6 { padding-bottom:0; color:#333333; }
.row-fluid .testimonial-rows span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { margin-bottom:35px; float:left; width:100%; }
.row-fluid .rec-testimonialimg { position:relative; width:23%; float:left; text-align:center; }
.row-fluid .rec-testimonialcontent { width:73%; float:right; background:#fff; padding:40px; min-height:310px;  }
.row-fluid .rec-testimonialcontent strong { display:block; margin-bottom:15px;}
.row-fluid .rec-testimonialcontent .cta-btn a { margin-top:30px; }

.row-fluid .bgfrom-section,.row-fluid .bgfrom-section label  { color:#fff; }
.row-fluid .bgfrom-section input[type=text],.row-fluid .bgfrom-section input[type=email],.row-fluid .bgfrom-section input[type=tel],.row-fluid .bgfrom-section textarea,.row-fluid .bgfrom-section  select  { background:#fff;}

.row-fluid .top-borderarrowbg,.row-fluid .bottom-borderarrowbg { position:relative; }
.row-fluid .top-borderarrowbg { padding-top:240px;}
.row-fluid .bottom-borderarrowbg  { padding-bottom:240px;}
.row-fluid .top-borderarrowbg:before { content:""; background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/top-arrowborder.png) no-repeat; background-position:center; background-size:100% 184px; width:100%; position:absolute; top:0; height:184px;   }
.row-fluid .bottom-borderarrowbg:before { content:""; background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/bottom-arrowborder.png) no-repeat; background-position:center; background-size:100% 184px; width:100%; position:absolute; bottom:0; height:184px;   }

.row-fluid .yhtey-section { border-bottom:none; text-align:center; }
.row-fluid .yhtey-section .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { float:none; width:25%; display:inline-block; margin-right:-6px; } 


.row-fluid .itsrtesti-section .test-clientdesc { background:rgba(225,176,176,0.35);}
.row-fluid .itsrtesti-section .test-clientdesc:after { border-right-color:#8d7270; }

.row-fluid .singleit-sevicesection .singleit-sevicebox { background:#fff; border:1px solid #d4d4d4; padding:40px 20px; text-align:center; position:relative; } 

.row-fluid .itserbenefit-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { display:inline-block; margin-right:-6px; width:33.33%; margin-bottom:25px; padding-left:15px; padding-right:15px; }
.row-fluid .itserbenefit-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(3n) { clear:right; }
.row-fluid .itserbenefit-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(3n+1) { clear:left; }
.row-fluid .itserbenefit-boxes .height-lighttext { color:#d90916; font-weight:600; margin-bottom:15px;}
.row-fluid .itserbenefit-boxes h4 { margin-bottom:0; }

.row-fluid .nainsaat-section { color:#fff; }
.row-fluid .list-items { margin-top:30px; text-align:center; }
.row-fluid .list-items ul li { position:relative; font-size:25px; text-transform:uppercase; font-weight:600;  padding-left:25px; display:inline-block; margin-bottom:15px; margin-right:10px; } 
.row-fluid .list-items ul li p { padding:0; }
.row-fluid .list-items ul li:before { content:"\f138"; display:inline-block; font-family: 'FontAwesome'; font-size:20px; color:#e10916; position:absolute; left:0; }

.row-fluid .nainsaat-col h4 { font-size:28px; line-height:32px; margin-bottom:15px; }
.row-fluid .nainsaat-col  ul li { position:relative; padding-left:25px; display:inline-block; margin-bottom:15px; margin-right:10px; } 
.row-fluid .nainsaat-col  ul li:before { content:"\f138"; display:inline-block; font-family: 'FontAwesome'; font-size:20px; color:#fff; position:absolute; left:0; }

/*Salescomm overrides */
.readmoreNews {
    clear: both;
    margin-bottom: 1em;
    top: .5em;
    position: relative;
}

.readmoreNews a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 800;
}

.row-fluid .allen-bioinfo {
    position: relative;
    overflow: hidden;
}

.row-fluid .allen-bioinfo .client-img {
    position: relative;
    overflow: hidden;
}

.row-fluid .allen-bioinfo .client-img img {
  
}

.test-clientdesc a {
    color: #fff;
    font-style: normal;
    border-bottom: 1px dotted;
}

.itserbenefit-boxes > .hs_cos_wrapper_type_widget_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.timeline-rows {
    overflow: hidden;
    transition: height 1s cubic-bezier(0.71, 0.27, 0.43, 1.17);
}

.team-bioinfo {
    word-break: break-word;
}

/* TESTIMONIAL CHANGES */

.testimonialText {
    transition: max-height 3s ease;
    overflow: hidden;
    max-height: 3000px;
}

.testimonialText.smallTestimonial {
    transition: max-height 1s ease;
    max-height: 15em;
    position: relative;
}

/* MIDDLE CTAS */

.midCtas .hs_cos_wrapper_type_widget_container {
    max-width: 100%;
    float: none !important;
    margin: 0 auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.middleCta {
    margin: 2em 1em;
}

/* FRONTPAGE BOXES */

.tassa-boxessection.frontpageBoxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget {
    width: 50%;
}

.tassa-boxessection.frontpageBoxes span.hs_cos_wrapper_widget_container .work-img {
    height: 350px;
}


.helpdeskIcon {
    display: block;
    position: absolute;
    top: 1em;
    left: 2em;
    text-transform: uppercase;
    color: #000;
    cursor: pointer;
    transition: color .2s ease;
    z-index: 1;
}

.helpdeskIcon:before {
    content: '';
    position: relative;
    display: inline-block;
    height: 1.7em;
    width: 1.7em;
    top: .5em;
    left: -.5em;
    background: url('//cdn2.hubspot.net/hubfs/1610156/2016_Ikonit/YAP-help-desk-icon.png')no-repeat center center;
    background-size: cover !important;
}

.work-columns:hover .helpdeskIcon {
    color: #fff;
}

/* HELP POPUP */

.helpPopup {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    width: 0%;
    height: 0%;
    top: 50%;
    left: 50%;
    border: 2px solid #333;
    background: #fff;
    z-index: 10;
    transition: all .5s ease;
}

.helpPopup.openHelpPopup {
    display: block;
    opacity: 1;
    visibility: visible;
    position: fixed;
    width: 50%;
    height: 60%;
    top: 20%;
    left: 25%;
    border: 2px solid #333;
    background: #fff;
    transition: all .5s ease;
}

.helpPopupHeading {
    font-size: 1.5em;
    font-weight: 700;
    padding-left: 5%;
    padding-top: 5%;
    line-height: 1.2;
}

.helpPopupText {
    text-align: center;
    color: #777;
    padding-top: 3em;
    font-size: 1.1em;
    line-height: 1.5;
}

.helpPopup .redText {
    color: #dc0916;
}

.helpPopupClose {
    position: relative;
    display: block;
    color: #333;
    text-align: right;
    top: .3em;
    right: .3em;
    font-size: 2.5em;
}

.hoverBoxNav {
    text-align: left;
    padding-top: 1em !important;
    padding-left: 38% !important;
}

.hoverBoxNav li {
    margin: .5em 0;
}

.hoverBoxNav li a {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: .1em;
    padding-left: .3em;
}

.hoverBoxNav li a:before {
    content: '';
    position: relative;
    background: url('//cdn2.hubspot.net/hubfs/1610156/2016_Ikonit/YAP-arrow-bullet-icon.png?t=1472802434394')no-repeat center center;
    background-size: contain;
    display: inline-block;
    height: 1em;
    width: 1em;
    left: -.3em;
    top: .2em;
}


/* HOME SLIDE */

.row-fluid .homeSlideIcons {
    text-align: center;
    padding-top: 2em;
}

.row-fluid .singleIconBox {
    padding: 25px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    border-right: 1px solid #d4d4d4;
}

.row-fluid .singleIconBox:last-child {
    border-right: 0;
}

.row-fluid .iconWrap, .row-fluid .iconTextWrap {
    display: inline-block;
    vertical-align: middle;
}

.row-fluid .iconTextWrap {
    color: #27313d;
    font-size: 24px;
    line-height: 26px;
    color: #333;
    padding-left: 10px;
    font-weight: 600;
}


/* PESULAPPU */

.pesulappu {
    display: block;
    position: fixed;
    bottom: 25%;
    left: -100%;
    background: #e10916;
    color: #fff;
    padding: 0 2em;
    transform: rotate(-90deg);
    transform-origin: left top 0;
    transition: left 1s ease;
}

.pesulappuText {
    
}

.pesulappuText p {
    
}

.row-fluid .footer .pesulappu a {
    color: #fff;
}

.row-fluid .footer .pesulappu:hover a:hover {
    color: #bfbfbf;
}


/* Job Openings */


.jobOpeningContainer > .hs_cos_wrapper_type_widget_container {
    margin-top: 2.5em;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.jobOpeningContainer > .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_type_custom_widget {
    /*-webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;*/
    width: 33.333%;
    padding: 0 2em;
    min-width: 30%;
    margin-bottom: 2em;
}

.jobOpening h4 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 30px;
}

.jobOpening .jobOpeningInfo ul li {
    position: relative;
    padding-left: 0;
    display: block;
    margin-bottom: 15px;
}

.jobOpening .jobOpeningInfo ul li:before {
    content: "\f138";
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #e10916;
    position: absolute;
    left: -30px;
}



.jobOpening {
    
}

.jobOpeningInfo {
    
}

.jobOpeningCta {
    
}


/* AVOIMET TYÖPAIKAT RECRUITING PAGE */

.recservices-boxes > .hs_cos_wrapper_type_widget_container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.recservices-boxes > .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_type_custom_widget {
    /*-webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;*/
    padding: 0 2em;
    width: 33.333%;
    margin-bottom: 2em;
}

/* COOKIE DISCLAIMER */



div#hs-eu-cookie-confirmation.can-use-gradients {
    background-image: none !important;
}


div#hs-eu-cookie-confirmation.can-use-gradients {
    background: #1e1f23 !important;
    padding: 2em 1em;
}


body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-right: 16px !important;
    text-transform: uppercase;
    padding: 4px 12px !important;
    background-color: #e10916 !important;
    border: 0px !important;
    border: 0px;
    background-image: none !important;
    background-image: -webkit-linear-gradient(top, transparent,rgba(0,0,0,0.2));
    background-image: -moz-linear-gradient(top, transparent,rgba(0,0,0,0.2));
    background-image: -o-linear-gradient(top, transparent,rgba(0,0,0,0.2));
    background-image: linear-gradient(top, transparent,rgba(0,0,0,0.2));
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 0px 0px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5);
    line-height: 14px !important;
    color: #fff !important;
    text-shadow: 0 0px 0 rgba(0,0,0,0.5) !important;
    text-decoration: none !important;
    padding: .5em 2em !important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    float: left;
    max-width: 85%;
}


.row-fluid .bgfrom-section .rekryForm label {
    color: #fff;
}


/* TOPIC LINKS */

a.topic-link {
    padding-right: .5em;
    border-right: 1px solid #333;
    margin-right: .5em;
}

a.topic-link:last-child {
    padding-right: .5em;
    margin-right: 0;
    border-right: 0;
}

.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    float: left;
    margin-right: 5px;
    display: inline;
    line-height: 1em;
}

.hs-blog-social-share .hs-blog-social-share-list {
    list-style: none;
    padding-left: 0;
    margin-top: 2em;
}



/* Cntact Page Updates */
.row-fluid .hero-text h1 { text-transform:uppercase; }
.row-fluid .contact-form h2 { color:#333333; }
.row-fluid .contact-form form label { color:#333; }
.row-fluid .contact-form input[type=text], .row-fluid .contact-form input[type=email], .row-fluid .contact-form input[type=tel], .row-fluid .contact-form textarea, .row-fluid .contact-form select { background:#d4d4d4 ;}

/* Product Page Updates */
.row-fluid .product-hero { position:relative; min-height:600px; }
.row-fluid .product-hero:before { content:""; position:absolute; height:100%; width:100%; top:0; left:0; background:rgba(68,5,8,.48); }
body.main-product .testimonial-text { font-size:14px; line-height:20px; }
body.main-product .testimonial-slick .slick-dots { bottom:25px; }

.row-fluid .product-row span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { float:none; padding:0 5px; width:25%; display:inline-block; margin-bottom:20px; vertical-align:top; }
.row-fluid .product-row .product-Box { padding:25px 20px; border:1px solid #dddddd; }
.row-fluid .product-row .product-Box .product-content h4 { font-size:18px; line-height:22px; }
.row-fluid .bgfrom-section, .row-fluid .bgfrom-section label { color:#333; }



/*==================================
# new css 9/9/2016
==================================*/

/*================
# Account Page
=================*/

.account-page .tassa-boxessection.frontpageBoxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:33.33%;  }
.account-page .tassa-boxessection.frontpageBoxes span.hs_cos_wrapper_widget_container .work-img { height:232px; }
.account-page .section-header { margin-bottom:40px; }
.account-page .row-fluid .product-row span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:32%; margin-right:1.5%; position:relative; }
.account-page .row-fluid .product-row span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(3n) { margin-right:0;  } 

.account-page .row-fluid .product-row .product-Box { background:#fff; border-color:#dcdcdc;  }
.account-page .row-fluid .logo-section-box { padding:180px 0 280px;  background-position: bottom left !important; position:relative;  }
.account-page .row-fluid .logo-section-box:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8);}   



.account-inner  .row-fluid .feature-box { padding-bottom:100px; }
.account-inner .row-fluid .hero-section h1 { text-transform:uppercase; }
/*.account-inner .row-fluid .feature-box:hover  .feature-hovericon { top:-15px;  }*/
/*.account-inner .row-fluid .feature-box:hover{transform:scale(1,1.1); -webkit-transform:scale(1,1.1); -moz-transform:scale(1,1.1);/* padding:100px 20px; height:auto !important;*/  }*/

.account-inner .row-fluid .itserbenefit-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { margin:0 2% 0 0; width:32%; border:1px solid #b7b7b7; padding:0;  }
.account-inner .row-fluid .itserbenefit-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(3n) { margin-right:0; }

.account-inner .takaamme-col { padding:0; border:1px solid #b7b7b7;  }

.account-inner .gray-box { background:#f8f8f8; text-align:center; padding:20px; border-bottom:1px solid #b7b7b7;   }
.account-inner .row-fluid .itserbenefit-boxes .height-lighttext { font-weight:400; color:#585858;  }
.account-inner .row-fluid .takaamme-col ul li { padding-left:30px; }
.account-inner  .row-fluid .takaamme-col ul li:before { left:0; }

.account-inner .point-style { padding:20px; }
.account-inner  .row-fluid .top-borderarrowbg { padding-top:50px; }

.account-inner .row-fluid .singleit-sevicesection .singleit-sevicebox { min-height:350px; } 
.account-inner .row-fluid .recservices-content h4 { font-size:22px; }


.landing-page .row-fluid .hero-section { min-height:400px; }
.row-fluid .form-social { text-align:right; margin-top:40px; }
.row-fluid .form-social a{ color:#888888; font-size:30px; display:inline-block; margin:0 3px;   }
.row-fluid .form-social a:hover { color:#be111b; } 

.form-bg { background:#f4f4f4; padding:30px; }

.row-fluid .testimonial-container > span > div .rec-testimonialcontent {  background:#f6f6f6; border:1px solid #f1f1f1;  }

.row-fluid .testimonial-container .cta-btn { float:left; }
.row-fluid .testimonial-container .image-brand {  float:right; margin-top:20px;  }


.row-fluid .Asiakkaita-logos { margin:60px 0 100px; }
.row-fluid .Asiakkaita-logos > span > div { float:left; width:32%; margin-right:2%; margin-bottom:10px; text-align:center; min-height: 13em; max-height: 13em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.row-fluid .Asiakkaita-logos > span > div:nth-child(3n) { margin-right:0;  } 

.row-fluid .Asiakkaita-logos > span > div img { 
   
}

.account-inner .singleit-sevicesection .cta-btn a { margin-top:30px;  }


.row-fluid .section-404  { float:left; width:100%; padding:130px 0 150px; text-align:center; position:relative;  }
.row-fluid .section-404:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8);     }
.row-fluid .section-404 .wrapper { position:relative; }

.row-fluid .section-404 .takaamme-col  p { color:#555555; font-size:22px; line-height:27px; font-family: 'Roboto', sans-serif; font-weight:700; margin-bottom:30px;  }
.row-fluid .section-404 .takaamme-col ul { float:none; display:inline-block; width:450px; max-width:100%;}
.row-fluid .section-404 .takaamme-col ul li { display:inline-block; vertical-align:middle; margin:10px 0; }

.row-fluid .error-number { color:#e10916; font-size:140px; line-height:140px; font-family: 'Roboto', sans-serif; font-weight:700; padding:40px 0;  }


.row-fluid .copy-right-2 { float:left; width:100%; padding:; color:#878787; padding:25px 0; text-align:center; font-size:19px; line-height:20px; background:#fff;  }





/* STICKY NAV */

.header-container-wrapper {
    min-height: 88px;
    position: fixed;
    z-index: 2;
    background: #fff;
    width: 100%;
    -webkit-transition: top 0.2s ease-in-out;
    transition: top 0.2s ease-in-out;
}

.header-up {
    top: -88px;
}

.header-down {
    top: 0;
}

.headerContainer .header .row-fluid-wrapper > .row-fluid .widget-type-cell {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

.body-container-wrapper {
    padding-top: 88px;
}






/* TWITTER FEED */

.twt-item {
    margin-bottom: 2em;
}







/*Media Query*/

@media (min-width: 1300px) {
    .row-fluid .wrapper { width: 1260px; padding-left:60px; padding-right:60px; }
    
    .row-fluid .hero-section .hero-content,.row-fluid .sub-text { padding-left:15%; padding-right:15%; }
    
    .row-fluid .nav-menu li { padding-left:30px; padding-right:30px; }
    
    

}

@media (min-width: 992px) and (max-width:1300px) {
    .row-fluid .wrapper { width: 950px; padding-left:30px; padding-right:30px; }
    
    h1 { font-size:42px; line-height:50px; }
    h2 { font-size:35px; line-height:40px; }
    h3,.row-fluid .bottom-footer h3 { font-size:30px; line-height:34px; }
    h4,.row-fluid .footer .ftemail-subsribeform h3,.story-section h4,.row-fluid .blogsection-header h4,.row-fluid .nainsaat-col h4 { font-size:26px; line-height:30px; }
    h5,.story-section h5 { font-size:24px; line-height:28px; }
    h6 { font-size:20px; line-height:24px; }
    
    .row-fluid .hero-section  { min-height:500px; }
    
    .slick-prev,.slick-next { width:25px; height:30px; }
    .slick-prev:before,.slick-next:before { width:25px; height:25px; background-size:100%;}
    .slick-next { right:-30px; }
    .slick-prev { left:-30px; }
    
    
    .row-fluid .tassa-seontitle { font-size:18px; line-height:22px;}
    .row-fluid .tassa-seonicon img { max-width:50px; height:auto;  }
    
    .row-fluid .team-bioinfo h6 { font-size:18px; }
    
    
    /*=============================
    # New Css Changes 9/9/2016
    ============================*/
    
    .account-page .row-fluid .logo-section-box { padding:120px 0 200px; }
    
    
    
}

@media (min-width: 768px) and (max-width:992px) {
    
    body,.row-fluid .sub-text { font-size:16px; line-height:20px; }
    
    .row-fluid .wrapper{ width: 720px; position:relative; padding-left:25px; padding-right:25px; }
    h1 { font-size:35px; line-height:45px; }
    h2 { font-size:26px; line-height:28px; }
    h3,.row-fluid .bottom-footer h3 { font-size:24px; line-height:28px; }
    h4,.row-fluid .footer .ftemail-subsribeform h3,.story-section h4,.row-fluid .takaamme-col h4,.row-fluid .blogsection-header h4,.row-fluid .nainsaat-col h4 { font-size:22px; line-height:26px; }
    h5,.story-section h5,.row-fluid .feature-box h5,.row-fluid .home-recentpost h5, .row-fluid .home-blogcol .blogpost-content h5 { font-size:20px; line-height:24px; }
    h6 { font-size:18px; line-height:22px; }


    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li{ padding-left:5px; padding-right:5px;}
    .row-fluid .nav-menu ul li a{ font-size:14px; line-height:16px;}
    
    .row-fluid .hero-section  { min-height:300px; }
    
    .row-fluid .services-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; padding:0 3%;}
    
    .row-fluid .konserni-rows .konserni-logo { width:150px; }
    .row-fluid .konserni-rows .konserni-contentwrap { padding-left:180px; }
    
    .slick-prev,.slick-next { width:25px; height:30px; }
    .slick-prev:before,.slick-next:before { width:25px; height:25px; background-size:100%;}
    .slick-next { right:-25px; }
    .slick-prev { left:-25px; }
    
    .row-fluid .tassa-seoncol { padding:10px;  text-align:center; }
    .row-fluid .tassa-seonicon { margin-bottom:10px; }
    .row-fluid .tassa-seontitle { font-size:18px; line-height:22px;}
    .row-fluid .tassa-seonicon img { max-width:50px; height:auto;  }
    
    .row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .work-img { height:200px; }
    
    .row-fluid .feature-box,.row-fluid .singleit-sevicesection .singleit-sevicebox { padding:20px 10px;  }
    
    .row-fluid .time-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { padding-left:15px; padding-right:15px; }
    .row-fluid .time-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .timeline-imgwrap { margin:10px 0; }
    
    .row-fluid .home-recentpost .blog-authorrow li,.row-fluid .home-blogcol .author-daterow li { font-size:12px; }
    
    .row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; margin-bottom:25px;}
    .row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n) { clear:right; }
    .row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n+1) { clear:left; }
    

    .row-fluid .footer .footer-links ul { width:100%; padding:0;  }
    .row-fluid .footer .footer-links ul li:last-child {  background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/link-sep.png) repeat-x; background-position:bottom; }
    
    .row-fluid .yhtey-section .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget,.row-fluid .itserbenefit-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; }
    
    .row-fluid .rec-testimonialimg { width:36%; }
    .row-fluid .rec-testimonialcontent { width:60%; }
    
    .row-fluid .test-clientdesc { width:72%;}
    .row-fluid .test-clientbio { width:26%; }
    
    .feature-content { word-wrap:break-word; }
    
    /*====================================
    # account-page
    ======================================*/
    
    .account-page .row-fluid .logo-section-box { padding:0px 0 140px; }
    .account-page .row-fluid .product-row span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; margin:15px 0;  }
    
   
    
}

@media (min-width: 768px) {
    .row-fluid .nav-menu{ display:block !important;}
    
    
}

@media (max-width: 767px) {
    
    
    .headerContainer .header .row-fluid-wrapper>.row-fluid .widget-type-cell {
        padding-left: 20px;
        padding-right: 20px;
    }
        
    .jobOpeningContainer>.hs_cos_wrapper_type_widget_container { 
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    
    /* MOBILE NAV OVERRIDES */
    
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul {
        padding: 0 0 0 0;
    }
    
    .row-fluid .nav-menu li {
        padding-left: 0;
        padding-right: 0;
    }
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul li a {
        padding-left: 1.5em;
    }
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul li ul li a {
        padding-left: 2.5em;
    }
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.menu-depth-2 a {
        padding-left: 1.5em;
    }
    
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.menu-depth-3 a {
        padding-left: 2.5em;
    }
    
    
    
    
    .row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .product-icon {
        width: 4em;
        height: 4em;
        margin: 0px auto 5px;
    }
    
    .nav-menu {
        padding-bottom: 2em;
    }
    
    .recservices-boxes > .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_type_custom_widget {
        /*-webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;*/
        width: 100%;
        max-width: 100%;
        padding: 0 2em;
    }
    
    .jobOpeningContainer > .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_type_custom_widget {
        /*-webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;*/
        width: 100%;
        max-width: 100%;
        padding: 0 2em;
    }
    
    .midCtas .hs_cos_wrapper_type_widget_container {
        max-width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    body,.row-fluid .sub-text { font-size:16px; line-height:22px;  }
    
    .row-fluid .Asiakkaita-logos > span > div { float:left; width:48%; margin-right:2%; margin-bottom:10px; text-align:center;  }
    .row-fluid .Asiakkaita-logos > span > div:nth-child(3n) { margin-right:2%; }
     .row-fluid .Asiakkaita-logos > span > div:nth-child(2n) { margin-right:0; }

    
    .row-fluid .wrapper{ padding-left:25px; padding-right:25px;}
    
    .paddt10 { padding-top:5px; }
    .paddt20 { padding-top:10px; }
    .paddt30 { padding-top:20px; }
    .paddt40 { padding-top:30px; }
    .paddt50 { padding-top:40px; }
    .paddt60 { padding-top:50px; }
    .paddt70 { padding-top:60px; }
    .paddt80 { padding-top:70px; }
    .paddb10 { padding-bottom:5px; }
    .paddb20 { padding-bottom:10px; }
    .paddb30 { padding-bottom:20px; }
    .paddb40 { padding-bottom:30px; }
    .paddb50 { padding-bottom:40px; }
    .paddb60 { padding-bottom:50px; }
    .paddb70 { padding-bottom:60px; }
    .paddb80 { padding-bottom:70px; }
    .paddtb10 { padding-top:5px; padding-bottom:5px; }
    .paddtb20 { padding-top:10px; padding-bottom:10px; }
    .paddtb30 { padding-top:20px; padding-bottom:20px; }
    .paddtb40 { padding-top:30px; padding-bottom:30px; }
    .paddtb50 { padding-top:40px; padding-bottom:40px; }
    .paddtb60 { padding-top:50px; padding-bottom:50px; }
    .paddtb70 { padding-top:60px; padding-bottom:60px; }
    .paddtb80 { padding-top:70px; padding-bottom:70px; }
    
    h1 { font-size:35px; line-height:45px; }
    h2 { font-size:28px; line-height:30px; }
    h3,.row-fluid .bottom-footer h3 { font-size:24px; line-height:28px; }
    h4,.row-fluid .footer .ftemail-subsribeform h3,.story-section h4,.row-fluid .blogsection-header h4,.row-fluid .nainsaat-col h4 { font-size:20px; line-height:22px; }
    h5,.story-section h5,.row-fluid .home-recentpost h5, .row-fluid .home-blogcol .blogpost-content h5 { font-size:18px; line-height:20px; }
    h6 { font-size:16px; line-height:18px; } 
    
    .row-fluid .header .logo { margin-bottom:10px; }
    
    .row-fluid .nav-menu{ clear:both; float:left; width:100%; display:none; position:relative; right:0; left:0; top:0px; margin-left:0 !important; }
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{ width:100%;}
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a{ width:100%; display:block; padding:8px 15px; border-bottom:1px solid #fff; color:#fff; text-align:left; }
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul{ display:none; left:0 !important; padding:0 0 0 15px; position:relative; opacity:1; visibility:visible; }
    .row-fluid .nav-menu ul li a:after{ display:none;}
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li{display:block; width:100%; padding-left:0px; padding-right:0px;}
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal { position:relative; top:0; left:0; right:0; background:#1b1b1b; z-index:9;}
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child{ padding-left:0;}
    .toggle{display:block; float: right; color:#4b4b4b; cursor:pointer; padding:15px 8px 13px; border-radius:5px; margin:0; position: absolute; z-index: 99; top: 16px; right: 30px; }
    a.toggle i { display: inline; position: relative; top: -5px; margin-left: 5px; -webkit-transition-duration: 0s;
 -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s;margin:0;}
    a.toggle i:before, a.toggle i:after { position: absolute; content:""; }
    .home-page a.toggle i,.home-page  a.toggle i:before,.home-page .row-fluid a.toggle i:after {  background-color: #fff; }
    a.toggle i, a.toggle i:before, a.toggle i:after { width: 25px;  height: 3px;  background-color: #e50815; display: inline-block; border-radius:3px; }
	a.toggle i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
	a.toggle  i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s;	  -webkit-transition-delay: .2s, 0; }
	.mobile-open a.toggle i { height:5px;  background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
	.mobile-open a.toggle i:before { margin-top: 0; height:5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
	.mobile-open a.toggle i:after { margin-top: 0;  height:5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
	a.child-trigger {
        display: block !important;
        cursor: pointer;
        position: absolute !important;
        top: 0;
        right: 0;
        width: 55px !important;
        min-width: 55px !important;
        text-align: center;
        height: 40px !important;
        padding: 0 !important;
        border-bottom: none !important;
    }
    a.child-trigger span { position: relative;  top: 50%;  margin: 0 auto !important; -webkit-transition-duration: .2s;   -moz-transition-duration: .2s; transition-duration: .2s; }
	a.child-trigger span:after { position: absolute; content: ''; }
	a.child-trigger span, a.child-trigger span:after { width: 10px; height: 1px; background-color: #fff; display: block; }
	a.child-trigger span, a.child-trigger span:before { width: 10px; height: 1px; background-color: #fff; display: block; }
	a.child-trigger span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);  transform: rotate(-90deg);    -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}
	a.child-trigger.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);
	-webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}
	a.child-trigger.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);      -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
	
    
    .row-fluid .top-borderarrowbg { padding-top:160px;}
    .row-fluid .bottom-borderarrowbg  { padding-bottom:160px;}
    .row-fluid .top-borderarrowbg:before, .row-fluid .bottom-borderarrowbg:before { background-size:100% 124px; width:100%; height:124px;   }

    
    .row-fluid .hero-section  { min-height:400px; }
    
    .row-fluid .sub-text,.row-fluid .recservices-boxes span.hs_cos_wrapper_widget_container { margin:0; }
    
    .row-fluid .author-secwrap .author-biocontent { padding-left:180px; width:100%; margin:0;   }
    
    .row-fluid .copyright-row .term-conditionlink,.row-fluid .copyright-row { text-align:center;}
    .row-fluid .copyright-row .term-conditionlink { margin-top:10px; }
    
    .row-fluid .blog-section .topic-daterow { margin-bottom:30px;  }
    
    .row-fluid .footer { font-size:14px; line-height:20px; }
    
    .row-fluid .blog-section .blog-listing-wrapper { padding:0;}
    .row-fluid .blog-section .blog-listing-wrapper .post-header { width:100%; padding-right:0; }
    .row-fluid .blog-section .blog-listing-wrapper .post-header .hs-featured-image-link img { width:100%;}
    .row-fluid .blog-section .blog-listing-wrapper .post-body { width:100%; margin-top:15px; padding-left:0;  }
    
    .row-fluid .blog-section .post-body a.more-link,.row-fluid .blog-section .blog-pagination a { font-size:16px; }
    .row-fluid .blog-section .blog-pagination a { min-width:auto; }
    .row-fluid .blog-section .blog-pagination { text-align:center; }
    
    .row-fluid .services-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; padding:0 3%;}
    
    .row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; }
    .row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n) { clear:right; }
    .row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n+1) { clear:right; }
    
    .row-fluid .konserni-rows .konserni-logo { width:150px; }
    .row-fluid .konserni-rows .konserni-contentwrap { padding-left:180px; }
    .row-fluid .konserni-rows .konserni-contentwrap .konserni-content { padding:15px; }
     
    .row-fluid .cta-btn a,.row-fluid .konserni-noteline { font-size:16px; line-height:18px; }
    
    .row-fluid .tarina-contentwrap { width:70%; padding:15px;  }
    .row-fluid .tarina-icon { margin-left:15px; }
    .row-fluid .timeline-rightrow .tarina-icon { margin-right:15px; }
    
    .row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; }
    
   
    .row-fluid .allen-bioinfo .client-img { width:80px; height:80px; margin-right:5px; }
    .row-fluid .allen-bioinfo .client-img span.hs_cos_wrapper_type_linked_image {  width:55px; height:55px; }
    .row-fluid .allen-bioinfo .client-img img { max-width:80px;  }
    
    .row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; margin-bottom:25px; }
    .row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n) { clear:right; }
    .row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n+1) { clear:left; }
    
    .slick-prev,.slick-next { width:25px; height:30px; }
    .slick-prev:before,.slick-next:before { width:25px; height:25px; background-size:100%;}
    .slick-next { right:-20px; }
    .slick-prev { left:-20px; }
    
    .row-fluid .tassa-seoncol { padding:10px;  text-align:center; }
    .row-fluid .tassa-seontitle { font-size:18px; line-height:22px;}
    .row-fluid .tassa-seonicon img { max-width:50px; height:auto;  }
    
    .row-fluid .autamme-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; margin-bottom:35px; }
    
    .row-fluid .test-clientbio,.row-fluid .test-clientdesc { width:100%; }
    .row-fluid .test-clientdesc { margin-top:20px; }
    
     .row-fluid .itsrtesti-section .test-clientdesc:after { border-bottom-color:#8d7270; border-right-color:transparent; }
    .row-fluid .test-clientdesc:before { border-bottom-color:#fff; border-right-color:transparent; } 
    .row-fluid .test-clientdesc:after { border-bottom-color:#959493;  border-right-color:transparent; margin-top:6px;  } 
    .row-fluid .test-clientdesc:after, .row-fluid .test-clientdesc:before { top:-36px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);  }
    
    .row-fluid .time-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .timeline-imgwrap { margin:5px 0; }
    .row-fluid .time-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; margin-bottom:30px;  }
    
    .row-fluid .autamme-section { padding-bottom:120px;}
    .row-fluid .time-boxes { float:left; width:100%;}
    
    .row-fluid .liitytimeline-section { padding-top:0; padding-bottom:0; }
    
    .row-fluid .time-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { padding:0; }
    
    .row-fluid .takaamme-col ul li,.row-fluid .takaamme-col h4 { margin-bottom:5px; }
    
    .row-fluid .takaamme-col { margin-bottom:25px; }
    .row-fluid .takaamme-col:last-child { margin-bottom:0; }
    .row-fluid .home-recentpost:last-child { padding-bottom:5px; }
    
    .row-fluid .home-blogcol { margin-bottom:25px;}
    .row-fluid .home-blogcol:last-child { margin-bottom:0;}
    
    .row-fluid .team-proimg { height:400px;}
     
    .row-fluid .section-header h2 { margin-bottom:0; }
    
    .row-fluid .recservices-icon { margin-bottom:0; }
    .row-fluid .recservices-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget,.row-fluid .itserbenefit-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; padding-left:0; padding-right:0; margin-bottom:30px;  }
    .row-fluid .recservices-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:last-child { margin-bottom:0; }
    .row-fluid .recservices-boxes .cta-btn a { margin-top:15px; }
    
    .row-fluid .yhtey-section .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; }
    
    
    .row-fluid .rec-testimonialimg { width:290px; margin:0 auto 25px;  float:none;  }
    .row-fluid .rec-testimonialimg .team-proimg  { height:340px !important;  }
    .row-fluid .rec-testimonialcontent { padding:15px; min-height:auto; width:100%; }
    .row-fluid .rec-bioinfo { margin-top:5px; margin-bottom: 1em; }
    
    .row-fluid .testimonial-container .cta-btn {
        float: none;
    }
    
    .row-fluid .testimonial-container .image-brand {
        float: none;
        margin-top: 20px;
    }
    
    .row-fluid .list-items ul li { font-size:20px; line-height:24px; }
    
  
    
    .row-fluid .product-row span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; padding:0; }
   .row-fluid .feature-box, .row-fluid .product-row .product-Box { height:auto !important; } 
    .row-fluid .product-hero { min-height:400px !important; }
    .feature-content { word-wrap:break-word; }
    
   
    
     /*====================================
    # account-page
    ======================================*/
    
    .account-page .row-fluid .logo-section-box { padding:0px 0 140px; }
    .account-page .row-fluid .product-row span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; margin:15px 0;  }
    
    .account-page .tassa-boxessection.frontpageBoxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:50%; }
    
    .row-fluid .section-404 { padding:80px 0 100px; }
    .row-fluid .error-number { font-size:100px; line-height:100px; padding:25px 0;  }
    .row-fluid .section-404 .takaamme-col p { margin-bottom:15px; }
    .row-fluid .section-404 .takaamme-col ul li { margin:6px 0; }
    
    
    /* MOBILE NAV OVERRIDES */
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul {
        padding: 0 0 0 0;
    }
    
    .row-fluid .nav-menu li {
        padding-left: 0;
        padding-right: 0;
    }
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul li a {
        padding-left: 1.5em;
    }
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul li ul li a {
        padding-left: 2.5em;
    }
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.menu-depth-2 a {
        padding-left: 1.5em;
    }
    
    
    .row-fluid .nav-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li.menu-depth-3 a {
        padding-left: 2.5em;
    }
    
    
}

@media (max-width: 700px) {
 
    .row-fluid .singleIconBox {
        padding: 25px;
        margin: 0 auto;
        display: block;
        position: relative;
        border-right: 0px;
    }
    
    .hoverBoxNav {
        padding-left: 25% !important;
    }
    
}

@media  (max-width: 400px) {
    
    .row-fluid .hs-form fieldset .field { padding:0 0 15px 0  }
    .row-fluid .hs-form .field , .row-fluid .hs-form .field { padding:0 0 15px 0 }
    
    .row-fluid .hs-form .form-columns-2 .field { padding:0 0 15px 0 }
    .row-fluid .hs-form .form-columns-2 .field:first-child { padding:0 0 15px 0 }
    .row-fluid .hs-form .form-columns-2 .field:first-child+.field { padding:0 0 15px 0 }
   
    form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input{ width:100% !important;}
    .hs-form fieldset.form-columns-2 .input,.hs-form fieldset.form-columns-1 .input{ margin-right:0 !important;}
    
    .row-fluid .product-section span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%;}
    
    .row-fluid .team-proimg { height:300px;}
    
    .row-fluid .rec-testimonialimg { width:260px; margin:0 auto; float:none;  }
    .row-fluid .rec-testimonialimg .team-proimg  { height:300px !important;  }
    
    .account-page .tassa-boxessection.frontpageBoxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; } 

}
@media  (max-width: 580px) {
    
    h1 {
        font-size: 29px;
        line-height: 32px;
    }
    
    h2 {
        font-size: 24px;
        line-height: 26px;
    }
    
    .work-content h5 {
        font-size: 20px !important;
    }
    
    .pesulappu {
        display: none !important;
    }
    
    .row-fluid .Asiakkaita-logos>span>div {
        float: left;
        width: 100%;
        margin-right: 2%;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .helpPopup.openHelpPopup {
        width: 90%;
        height: 90%;
        left: 5%;
        top: 5%;
        overflow: scroll;
    }
    
    .row-fluid .author-secwrap .author-bioinfo { position:relative; text-align:center; width:100%; }
    .row-fluid .author-secwrap .author-img { margin:0 auto;}
    .row-fluid .author-secwrap .author-biocontent { padding-left:0px; width:100%; margin:0;   }
    
    .row-fluid .author-secwrap { margin:30px 0;}
    
    .row-fluid .footer .footer-links ul { width:100%; padding:0;  }
    .row-fluid .footer .footer-links ul li:last-child {  background:url(//cdn2.hubspot.net/hubfs/1610156/YAP-2016/Image/link-sep.png) repeat-x; background-position:bottom; }
    
    .row-fluid .author-secwrap .author-biocontent span { padding-left:15px; padding-right:15px; }
    
    .row-fluid .hero-section  { min-height:500px; }
    
    .row-fluid .services-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget .services-col { padding:25px; height:auto !important; }
    .row-fluid .services-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; padding:0; }
    
    
    .row-fluid .konserni-rows span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { margin-bottom:25px; }
    .row-fluid .konserni-rows .konserni-logo { margin-bottom:15px;  position:relative; top:auto; transform:translateY(0%); -moz-transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%); }
    .row-fluid .konserni-rows .konserni-contentwrap { padding-left:0px; }
    .row-fluid .konserni-rows .konserni-contentwrap .konserni-content { padding:15px; }
    
    .row-fluid .timeline-row { width:100%; }
    .row-fluid .tarina-contentwrap { width:100%; margin-top:15px;  }
    .row-fluid .timeline-leftrow .tarina-icon,.row-fluid .timeline-rightrow .tarina-icon  { float:none; margin:15px auto 0; display:table;  }
    
    .row-fluid .logo-cols span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { float:left; width:50%;}
    .row-fluid .logo-cols span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n) { clear:right; }
    .row-fluid .logo-cols span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n+1) { clear:left; }
    
    .row-fluid .pyyda-section .wrapper { padding-left:15px; padding-right:15px; }
    
    .row-fluid .tassa-seonslick span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { border-right:none; }
    
    .row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; margin-bottom:25px;}
    .row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n) { clear:right; }
    .row-fluid .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget:nth-child(2n+1) { clear:left; }
    
    .row-fluid .tassa-boxessection span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; float:left; margin-right:0;  } 
    
    .row-fluid .yhtey-section .team-boxes span.hs_cos_wrapper_widget_container .hs_cos_wrapper_widget { width:100%; float:left; }
    
    .row-fluid .top-borderarrowbg:before, .row-fluid .bottom-borderarrowbg:before { background-size:auto 124px;   }
    
    .row-fluid .rec-testimonialcontent { text-align:center;}
}