@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css');
/* @import url('http://example.com/example_style.css'); */

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@font-face {
    font-family: 'Lane - Narrow';
    src:url('/hubfs/Fortuitas_2019/Fonts/Lane-Narrow.woff');
    font-weight: normal;
    font-style: normal;
}







/** 
 * Border Radius 
 *
 *  
 */




/** 
 * Box Shadow  
 *
 *  
 */




/** 
 * Transition
 * 
 *  
 */




/** 
 * Transform
 *
 *  
 */



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

/* animate.css */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slower{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.delay-250{-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.delay-500{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.delay-750{-webkit-animation-delay:.75s;-moz-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.75s}.delay-1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.delay-1250{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s}.delay-1500{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s}.delay-2000{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-2000{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-3000{-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.delay-3500{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s}.bounceInRight,.bounceInLeft,.bounceInUp,.bounceInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight,.fadeInLeft,.fadeInUp,.fadeInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.flipInX,.flipInY,.rotateIn,.rotateInUpLeft,.rotateInUpRight,.rotateInDownLeft,.rotateDownUpRight,.rollIn{opacity:0}.lightSpeedInRight,.lightSpeedInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn.go{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px)}60%{-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(400px)}60%{transform:translateX(-30px)}80%{transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}.bounceInRight.go{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}60%{-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-400px)}60%{transform:translateX(30px)}80%{transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}.bounceInLeft.go{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px)}60%{-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(400px)}60%{transform:translateY(-30px)}80%{transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.bounceInUp.go{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}60%{-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-400px)}60%{transform:translateY(30px)}80%{transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.bounceInDown.go{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}.fadeIn{opacity:0}.fadeIn.go{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes growIn{0%{-webkit-transform:scale(0.2);opacity:0}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1);opacity:1}}@keyframes growIn{0%{transform:scale(0.2);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.growIn{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0}.growIn.go{-webkit-animation-name:growIn;animation-name:growIn}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake.go{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes shakeUp{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateY(-10px)}20%,40%,60%,80%{-webkit-transform:translateY(10px)}}@keyframes shakeUp{0%,100%{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-10px)}20%,40%,60%,80%{transform:translateY(10px)}}.shakeUp.go{-webkit-animation-name:shakeUp;animation-name:shakeUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-400px)}50%{opacity:.3}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}.fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(400px)}50%{opacity:.3}100%{opacity:1;transform:translateX(0)}}.fadeInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(400px)}50%{opacity:.3}100%{opacity:1;transform:translateY(0)}}.fadeInUp{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}.fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-400px)}50%{opacity:.3}100%{opacity:1;transform:translateY(0)}}.fadeInDown{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}.fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn.go{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft.go{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft.go{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight.go{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight.go{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn.go{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle.go{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing.go{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada.go{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble.go{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse.go{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInRight{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInRight.go{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}60%{-webkit-transform:translateX(20%) skewX(-30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInLeft{0%{transform:translateX(-100%) skewX(30deg);opacity:0}60%{transform:translateX(20%) skewX(-30deg);opacity:1}80%{transform:translateX(0%) skewX(15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInLeft.go{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut.goAway{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp.goAway{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown.goAway{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft.goAway{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight.goAway{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut.goAway{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUp.goAway{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDown.goAway{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeft.goAway{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRight.goAway{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX.goAway{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes lightSpeedOutRight{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOutRight.goAway{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(-100%) skewX(30deg);opacity:0}}.lightSpeedOutLeft.goAway{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut.goAway{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft.goAway{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft.goAway{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight.goAway{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut.goAway{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes fadeInUpShort{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUpShort{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpShort{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.fadeInUpShort.go{-webkit-animation-name:fadeInUpShort;animation-name:fadeInUpShort}@-webkit-keyframes fadeInDownShort{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDownShort{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownShort{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.fadeInDownShort.go{-webkit-animation-name:fadeInDownShort;animation-name:fadeInDownShort}@-webkit-keyframes fadeInRightShort{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRightShort{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightShort{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.fadeInRightShort.go{-webkit-animation-name:fadeInRightShort;animation-name:fadeInRightShort}@-webkit-keyframes fadeInLeftShort{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeftShort{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftShort{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort}

HTML{overflow-x:hidden; }
body{margin:0; padding:0; font-family:'Source Sans Pro', sans-serif; font-size:24px; line-height:32px; font-weight:400; color:#555555; background:#fff; }

img { border:0; vertical-align: top; height:auto; max-width:100%; }

hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; } 

.clear { clear:both }

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

h1,.h1{ color:#377FBF; font-family:'Lane - Narrow'; font-size:72px; line-height:80px; font-weight:400; margin:0; padding:0; clear:both }
h2 { color:#377FBF; font-family:'Lane - Narrow'; font-size:72px; line-height:80px; font-weight:400; margin:0; padding:0; clear:both }
h3 { color:#377FBF; font-family:'Source Sans Pro', sans-serif; font-size:36px; line-height:42px; font-weight:400; margin:0; padding:0; clear:both }
h4 { color:#555555; font-family:'Source Sans Pro', sans-serif; font-size:32px; line-height:38px; font-weight:400; margin:0; padding:0; clear:both }
h5 { color:#377FBF; font-family:'Lane - Narrow'; font-size:28px; line-height:32px; font-weight:400; margin:0; padding:0; clear:both }
h6 { color:#377FBF; font-family:'Lane - Narrow'; font-size:26px; line-height:32px; font-weight:700; margin:0; padding:0; clear:both }

a { text-decoration:none; outline:none; color:#A7CB00; -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; }
a:hover { color:#377FBF; }

input , button , textarea, select , 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"] { outline:none; color:#696969; background:#fff; border-radius:4px; border:1px solid #A7A7A7; height:50px; padding:0 15px; font-size:18px; width:100%; font-family:'Source Sans Pro', sans-serif; }
input[type=checkbox] , input[type=radio] { width:auto; } 
textarea { padding:15px 20px; height:182px; min-width:100%; max-width:100%; resize:none; }
input[type=submit] , button { cursor:pointer; background-image:url(//2240956.fs1.hubspotusercontent-na1.net/hubfs/2240956/Lobtec-2016/Image/blank.png); background-color:#A7CB00; padding:10px 15px; width:100%; max-width:100%; text-align:center; display:inline-block; color:#fff; font-weight:500; font-family:'Source Sans Pro', sans-serif; height:auto; -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; } 
input[type=submit]:hover,button:hover {background-color:#377FBF;} 

::-webkit-input-placeholder { color:#666666 !important; opacity:1 !important; }
::-moz-placeholder { color:#666666 !important; opacity:1 !important; }
:-ms-input-placeholder { color:#666666 !important; opacity:1 !important; }
:-moz-placeholder { color:#666666 !important; opacity:1 !important; }

.header-container-wrapper {z-index: 999;position: relative;}

ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; font-size:14px; color:#f00; text-align:left; }
.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding:0 0 5px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 15px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 15px 15px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 15px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 15px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 15px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:; color:; border-color:; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#000; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }

.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:; background:;  border-radius:100%; }

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

.row-fluid [class*="span"] { min-height:0; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

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

/*Text Option*/
.row-fluid .text-uppercase , .row-fluid .title-uppercase h1 , .row-fluid .title-uppercase h2 , .row-fluid .title-uppercase h3 , .row-fluid .title-uppercase h4 , .row-fluid .title-uppercase h5 , .row-fluid .title-uppercase h6 { text-transform:uppercase; }
.row-fluid .text-center { text-align:center; }
.row-fluid .text-left { text-align:left; }
.row-fluid .text-right { text-align:right; }
.row-fluid .text-white , .row-fluid .text-white h1 , .row-fluid .text-white h2 , .row-fluid .text-white h3 , .row-fluid .text-white h4 , .row-fluid .text-white h5 , .row-fluid .text-white h6 { color:#fff; }
.row-fluid .text-bold , .row-fluid .text-bold h1 , .row-fluid .text-bold h2 , .row-fluid .text-bold h3 , .row-fluid .text-bold h4 , .row-fluid .text-bold h5 , .row-fluid .text-bold h6 { font-weight:bold; }
.row-fluid .text-italic { font-style:italic; }
.row-fluid .fl100 { float:left; width:100%; } 

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -kHTML-1569645327879-124993891890626-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list: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; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.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; }

.slick-arrow { cursor:pointer; z-index:1; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:#333; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow:hover { background:#fff; color:#000;  }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: "\f104"; }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: "\f105"; }
.slick-arrow.slick-disabled { display:none; }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:17px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#3c5263;  width:6px; height:6px; border-radius:100%; font-size:0; cursor:pointer; padding:0; box-shadow:none; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#f7893f; }
ul.slick-dots li.slick-active button { height:10px; width:10px; box-shadow:1px 0px 1px rgba(0,0,0,0.15); }

.row-fluid .green-btn a, .row-fluid a.green-btn { float:none; display:inline-block; position:relative; padding:18px 53px; color:#fff; font-weight:500; border-radius:8px; font-size:30px; line-height:36px; text-transform:uppercase; letter-spacing:0.7px; font-weight:600; min-width:300px; text-align:center; background:#A7CB00; position:relative; overflow:hidden; }
.row-fluid .green-btn a:after, .row-fluid a.green-btn:after { background:#fff; content:""; height:155px; left:-75px; opacity:.2; position:absolute; top:-50px; -webkit-transform:rotate(35deg); transform:rotate(35deg); width:50px; -webkit-transition: all ease .7s;
    -moz-transition: all ease .7s;
    -o-transition: all ease .7s;
    -ms-transition: all ease .7s;
    transition: all ease .7s;; }
.row-fluid .green-btn a:hover:after, .row-fluid a.green-btn:hover:after { left:120%; -webkit-transition: all ease .7s;
    -moz-transition: all ease .7s;
    -o-transition: all ease .7s;
    -ms-transition: all ease .7s;
    transition: all ease .7s;; }

.row-fluid .blue-btn a, .row-fluid a.blue-btn { float:none; display:inline-block; position:relative; padding:22px 62px; color:#fff; font-weight:500; border-radius:8px; font-size:30px; line-height:36px; text-transform:uppercase; letter-spacing:0.7px; font-weight:600; min-width:300px; text-align:center; background:#377FBF; position:relative; overflow:hidden; }
.row-fluid .blue-btn a:after, .row-fluid a.blue-btn:after { background:#fff; content:""; height:155px; left:-75px; opacity:.2; position:absolute; top:-50px; -webkit-transform:rotate(35deg); transform:rotate(35deg); width:50px; -webkit-transition: all ease .7s;
    -moz-transition: all ease .7s;
    -o-transition: all ease .7s;
    -ms-transition: all ease .7s;
    transition: all ease .7s;; }
.row-fluid .blue-btn a:hover:after, .row-fluid a.blue-btn:hover:after { left:120%; -webkit-transition: all ease .7s;
    -moz-transition: all ease .7s;
    -o-transition: all ease .7s;
    -ms-transition: all ease .7s;
    transition: all ease .7s;; }

.row-fluid .ulstyle ul { list-style:none; }
.row-fluid .blue-bg { background:#1d69ac; }

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

/* Page Wise Css */
/* Homepage */ 
.row-fluid .top { background:#fff; padding:0 15px 0 40px; box-shadow:0px 5px 6px rgba(0,0,0,0.1); position:absolute; z-index:1; width: 100%; left: 0; right: 0; }
.row-fluid .top .logo { margin-top:15px; }
.row-fluid .mainmenu .hs-menu-wrapper > ul { float:right; } 
.row-fluid .mainmenu .hs-menu-wrapper > ul > li { margin:0 22px; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link , .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited { padding:29px 10px; font-size:21px; line-height:27px; color:#A2A2A2; text-transform:uppercase; letter-spacing:1px; position:relative; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:hover > a { color:#555555; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:before { position:absolute; content:""; height:10px; width:0px; bottom:0; left:0; background:#377FBF; -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; }
.row-fluid .mainmenu .hs-menu-wrapper > ul > li:hover > a:before { width:100%; -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; }

.row-fluid .landing_header { padding-bottom: 14px; box-shadow: 0px 5px 6px rgba(0,0,0,0.1); z-index:9; }

.row-fluid .hero-section { padding:285px 0 265px; position:relative; }
.row-fluid .mobile-heroimg { display:none; }
.row-fluid .hero-section:after { position:absolute; content:""; height:10px; width:200px; left:0; bottom:0; background:#377FBF; }
.row-fluid .hero-textbox { position:relative; }
.row-fluid .hero-textbox > div { position:relative; z-index:1; }
.row-fluid .hero-section h1 { font-weight:400; }
.row-fluid .hero-richtext { width:590px; max-width:100%; margin:65px 0 88px; }
.row-fluid .hero-section .green-btn { padding-right:5px; }
.row-fluid .hero-section .hero-cta { float:none; display:inline-block; vertical-align:top; width:auto; } 

.row-fluid .client-section { padding:125px 0 65px; border-top:2px solid #EAEAEA; border-bottom:2px solid #EAEAEA; position:relative; }
.row-fluid .client-section:after { position:absolute; content:""; height:10px; width:200px; right:0; bottom:0; background:#377FBF; }
.row-fluid .client-section .hs_cos_wrapper_type_header h2 { margin-bottom:60px; }
.row-fluid .client-wrap { margin-bottom:78px; padding:0; }
.client-box-wrap {float: left;width: 100%; position: relative;transition: all 0.7s ease;}
.client-box-wrap:hover {}
/*  .client-box-wrap:hover .client-imgbox {-webkit-filter: grayscale(100%);filter: grayscale(100%);}  */
.client-box-wrap:hover .client-imgbox:before{background:#fff;    transition: all 0.7s ease; opacity:0.6; }
.row-fluid .client-imgbox:hover {-webkit-filter: grayscale(0);filter: grayscale(0);}
.row-fluid .client-imgbox:hover:before{opacity:0; } 

.row-fluid .client-box-wrap .client-imgbox:after { position:absolute; content:""; right:-1px; bottom:-1px; width:131px; height:130px; background:url(https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/hover-arrow.png) no-repeat center center; background-size:100% 100% !important; opacity:0; -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -o-transition: all ease .6s;
    -ms-transition: all ease .6s;
    transition: all ease .6s;; }
.row-fluid .client-box-wrap .client-imgbox:hover:after { opacity:1; -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -o-transition: all ease .6s;
    -ms-transition: all ease .6s;
    transition: all ease .6s;; }

/* .client-box-wrap .client-imgbox:after{content:'';position:absolute;height:100%;width:100%;left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5);opacity:0;visibility: hidden; }
.client-box-wrap:hover .client-imgbox:after{opacity:1; visibility: visible; } */
.popup-image { float: left; width: 65%; padding: 0 50px; }
.client-right-content { float: left; width: 35%; padding: 0 50px; color: #fff; }
.client-right-content h2 { color: #ebebeb; }
.popup-box.fancybox-content { background: rgba(55, 127, 191, 0.9); padding: 127px 140px; }
.popup-box { float: left; width: 100%; height:100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;  right:0; background-color: rgba(55,127,191,.9);transform: scale(0);transition: all 400ms ease;opacity: 0;visibility: hidden;}
.client-imgbox img { width: 100%; }
.popup-box.popup-open span {display: block;right: 0;top: 0;position: relative;}
.popup-box.popup-open span:after { content:''; position:absolute; right:60px; top:60px; height:44px; width:44px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/close-1.png') no-repeat center center; cursor:pointer; }
.popup-box.popup-open {z-index: 2;transform: scale(1);opacity: 1;visibility: visible;}

.row-fluid .subscribe-section .submitted-message{margin-top: 0px !important;padding-top: 0;color: #555;background-color: #fff;border: 1px solid #a7a7a7;padding: 8px;border-radius: 4px;font-size: 18px;}

.popup-box-wrap {float: left;width: 100%;height: 100%;display: flex;align-items: center;}
.client-right-content p { margin-bottom: 45px; }
.client-right-side-image { padding-bottom: 50px; }
.client-right-side-image img { max-width: 230px; width: 100%; }
.client-right-side-image ul { display: inline-block; }
.client-right-side-image ul li { list-style: none; }
.client-right-content ul { display: inline-block; padding: 0; }
.client-right-content ul li { list-style: none; position: relative; padding: 0 0 0 40px; }
.client-right-content ul li:before { content: ''; position: absolute; left: 0; background-image: url(https://4316911.fs1.hubspotusercontent-na1.net/hubfs/4316911/Fortuitas_2019/Images/check.svg); top: 8px; background-size: 10%; background-repeat: no-repeat; height: 100%; width: 100%; }
.popup-box.fancybox-content button.fancybox-button.fancybox-close-small { padding: 0 !important; margin: 20px 20px 0 0; }
.popup-box.fancybox-content .fancybox-button svg path { fill: #fff !important; }
.row-fluid .client-box { float:left; width:20%; padding: 0 5px 10px; }
.row-fluid .client-box a { position:relative; overflow:hidden; float:left; width:100%; }
.row-fluid .client-imgbox { height:380px; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; position:relative; overflow:hidden; -webkit-transition: all ease .7s;
    -moz-transition: all ease .7s;
    -o-transition: all ease .7s;
    -ms-transition: all ease .7s;
    transition: all ease .7s;; }
.row-fluid .client-logobox { position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);; }
.row-fluid .client-section .green-btn a { padding:22px 52px; }

.row-fluid .feature-box { padding:100px 0 90px; }
.row-fluid .feature-box .wrapper { width:1550px; max-width:100%; padding:0 15px }
.row-fluid .feature-img { float:left; width:50%; }
.row-fluid .feature-textbox { float:left; width:50%; padding-left:150px; }
.row-fluid .feature-textbox .richtext { margin:54px 0 85px; line-height:36px; width:580px; max-width:100%; }
.row-fluid .feature-option {position:relative;padding-left:100px;margin-bottom:100px;}
.row-fluid .option-icon { position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);; }  
.row-fluid .feature-box.right .feature-img { float:right; }
.row-fluid .feature-box.right .feature-textbox { padding-left:120px; padding-right:50px; }

.row-fluid .cta-stripbox { padding:58px 0; }  
.row-fluid .cta-stripbox .cta-title { float:none; display:inline-block; vertical-align:middle; width:70%; margin:0 -2px; padding: 0 3.25%;}
.row-fluid .cta-stripbox .cta-btn { float:none; display:inline-block; vertical-align:middle; width:30%; margin:0 -2px;text-align:center }
.row-fluid .cta-stripbox.cta-left .cta-title { width:60%; }
.row-fluid .cta-stripbox.cta-left .cta-btn { width:40%; }

.row-fluid .blog-feedsec { padding:130px 0 100px; }
.row-fluid .blog-feedsec .wrapper { width:1520px; max-width:100%; padding:0 15px; }
.row-fluid .blog-feedwrap { margin-top:65px; margin-bottom:80px; }
.row-fluid .blog-feedcol { float:left; width:25%; padding:0 15px; }
.row-fluid .blog-feedcolinner { border:1px solid transparent; -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; background:#F1F1F1; -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; }
.row-fluid .post-imagebox { position:relative; overflow:hidden; }
.row-fluid .blog-feedcolinner .post-image { height:230px; width:100%; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; }
.row-fluid .blog-feedcolinner .post-textbox { font-size:15px; line-height:25px; color:#666666; position:relative; }
.row-fluid .blog-feedcolinner .post-textbox { padding:40px 30px; }
.row-fluid .blog-feedcolinner .post-title a { font-size:21px; line-height:26px; color:#333333; font-weight:600; }
.row-fluid .blog-feedcolinner .post-title a:hover { color:#377FBF; }
.row-fluid .blog-feedcolinner .post-date { font-size:14px; line-height:18px; color:#16A4FD; font-weight:400; text-transform:uppercase; letter-spacing:1px; margin:14px 0; } 
.row-fluid .blog-feedcolinner .author-box { margin-top:15px; color:#666666; }
.row-fluid .blog-feedcolinner .hs-author-avatar { height:40px; width:40px; border-radius:100%; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; float:none; display:inline-block; vertical-align:middle; }
.row-fluid .blog-feedcolinner .author-box .author-name { float:none; display:inline-block; vertical-align:middle; width:calc(100% - 50px); padding-left:10px; }
.row-fluid .blog-feedcolinner .author-box .author-name a { color:#666666; }
.row-fluid .blog-feedcolinner .author-box .author-name a:hover { color:#377FBF; }
.row-fluid .blog-feedcolinner .read-morelink { position:absolute; right:0; bottom:0; font-size:0; display:inline-block; width:0; height:0; border-style:solid; border-width:0 0 55px 55px; border-color:transparent transparent #377fbf transparent; }
.row-fluid .blog-feedcolinner .read-morelink:before { position:absolute; content:""; right:7px; top:28px; height:19px; width:19px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/right_arrow.png') no-repeat center center; }
.row-fluid .blog-feedcol:hover .blog-feedcolinner { border-color:#BDBDBD; box-shadow:5px 5px 20px rgba(0,0,0,0.2); -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);; }
.row-fluid .blog-feedcol:hover .read-morelink { border-color:transparent transparent #A7CB00 transparent; }

.row-fluid .subscribe-section { background:#f1f1f1; padding:36px 0; }
.row-fluid .subscribe-section .hs-form-required { display:none; }
.row-fluid .subscribe-section h3.form-title { float:none; display:inline-block; vertical-align:top; width:20%; margin:4px -2px 0 -2px; font-size:30px; line-height:36px; color:#333333; font-weight:300; }
.row-fluid .subscribe-section.bark_bgcolor  h3.form-title {color:#fff;}
.row-fluid .subscribe-section h3.form-title + div { float:none; display:inline-block; vertical-align:top; width:39%; margin:0 -2px; }
.row-fluid .subscribe-section form { position:relative; padding-right:20px; }
.row-fluid .subscribe-section form .hs_submit { position:absolute; top:0; left:100%; }
.row-fluid .subscribe-section form .hs_submit input[type="submit"] { border:0; font-size:0; background:transparent; height:35px; width:35px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/submit-icon.png') no-repeat center center; }
.row-fluid .subscribe-section form .hs_submit input[type="submit"]:hover { -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);; }  


.mobile-main {  margin-bottom: -82px; filter: drop-shadow(22px -6px 26px rgba(0,0,0,0.2)); -webkit-filter: drop-shadow(22px -6px 26px rgba(0,0,0,0.2)); }
.mobile-main .mobile-slider, .mobile-main .mobile-static-load { padding-top:40px; padding-left:20px; padding-right:20px; height: 640px; max-width: 310px; margin-left: 89px;}
.mobile-main .mobile-slider .mobile-slide img, .mobile-main .mobile-static-load .mobile-slide img { width: 100%; height: 560px; max-width: 100%; position: relative; top: 0; left: 0; display:inline-block;}
.row-fluid .hero-section.mobile-banner { padding-bottom: 0px;}
 
.row-fluid .mobile-hero { display:none; }

/*--About---*/
.row-fluid .about_hero { text-align:center; padding:120px 0; }   
.row-fluid .about_hero .hero_sub_title { font-family: 'Lane - Narrow'; text-transform: uppercase; letter-spacing: 8px; font-weight: bold; font-size: 14px; line-height: 20px; text-align: left; position: relative; padding-left:100px; }
.row-fluid .about_hero .hero_sub_title:before { position:absolute; content:""; left:0; top:0; width:87px; height:17px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/title_line.png') no-repeat center center; background-size:100% 100% !important; }
.row-fluid .abouthero_img  {  margin-top:100px; }
.row-fluid .abouthero_content { max-width: 885px; float: none; display: inline-block;    margin-top: -30px;}

.row-fluid .aboutcore_sldier { width:100%; float:left; padding:70px 0; background:#F1F1F1; text-align:center; position:relative;  border-top:1px solid #EAEAEA; }
.row-fluid .aboutcore_sldier:before { position:absolute; left:0; top:-10px; content:""; width:200px; height:10px; background:#377FBF; }
.row-fluid .aboutcore_sldier h3 { width:100%; float:left; text-transform:uppercase; color: #C4C4C4; font-weight: 600; letter-spacing: 8px; font-size: 28px; line-height: 34px;}
.row-fluid .aboutcore_sldier .aboutcore_cover { width:100%; float:left; margin-top:20px; }
.row-fluid .aboutcore_sldier .aboutcore_box { width:100%; float:left; position:relative; margin:40px 0; }

.row-fluid .aboutcore_sldier .aboutcore_box h2 { max-width: 400px; width: 100%; float: none; display: inline-block; position: relative; padding:15px 0;  z-index:99; }
.row-fluid .aboutcore_sldier .aboutcore_box h2:before { position:absolute; content:""; left:0; top:0; width:50px; height:33px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/left_border.png') no-repeat; background-size:100% 100%; }
.row-fluid .aboutcore_sldier .aboutcore_box h2:after { position:absolute; content:""; bottom:0; right:0; width:33px; height:50px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/right_border.png') no-repeat; background-size:100% 100%; }
.row-fluid .aboutcore_sldier .aboutcore_box:nth-child(2n) h2:before { top: auto; bottom: -8px; width: 33px; height: 50px; transform: rotate(90deg); margin-left: 9px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/right_border.png') no-repeat; }
.row-fluid .aboutcore_sldier .aboutcore_box:nth-child(2n) h2:after { top: 10px; bottom: auto; width: 50px; height: 33px; transform: rotate(90deg); margin-right: -7px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/left_border.png') no-repeat; }
 
.row-fluid .aboutcore_sldier .aboutcore_backtitle { position:absolute; opacity: .5; left:0; top:0; font-family: 'Lane - Narrow'; width:100%; text-align: center; color: #fff; text-transform: uppercase; font-size: 178px; line-height: 130px; letter-spacing: 22px;  font-weight: 300; }
 
.row-fluid .aboutcore_sldier ul.slick-dots li button { height: 15px; width: 15px; box-shadow: none !important; box-shadow: 1px 0px 1px rgba(0,0,0,0.15); background: transparent; border-radius: 0; border: 2px solid #C3C3C3; outline: none; } 
.row-fluid .aboutcore_sldier ul.slick-dots li.slick-active button { background:#C3C3C3; }
 
/*----*/
.row-fluid .ourhistory_section { padding:150px 0; position:relative; text-align:center; }
.row-fluid .ourhistory_section:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:#2797CC; opacity:0.9; }
.row-fluid .ourhistory_section .wrapper { position:relative; }

.row-fluid .ourhistory_section .history_title { font-family: 'Lane - Narrow'; text-transform: uppercase;  margin-bottom: 50px; letter-spacing: 8px; font-weight: bold; font-size: 14px; line-height: 20px; text-align: left; position: relative; padding-left: 100px; /*color:#A7CB00;*/ }    
.row-fluid .ourhistory_section .history_title:before { position: absolute; content: ""; left: 0; top: 0; width: 87px; height: 17px;  background: url(https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/title_line_white.png) no-repeat center center; background-size: 100% 100% !important; }

.row-fluid .ourhistory_section .ourhistory_cover { float:none; display:inline-block; width:100%; text-align:left;color:#fff; text-transform:uppercase; font-size: 24px; line-height: 36px; }
.row-fluid .ourhistory_section .ourhistory_cover span span {  font-family: 'Lane - Narrow'; font-size:30px; line-height:40px; }

/*------*/
.row-fluid .ctastrip_section { width:100%; float:left; margin-top: 70px; background: #F1F1F1; position:relative; border-top: 1px solid #EAEAEA; padding:60px 0 60px; }
.row-fluid .ctastrip_section .wrapper { max-width:1292px; }
.row-fluid .ctastrip_section:before { position: absolute; right:0; top: -10px; content: ""; width: 200px; height: 10px; background: #377FBF; }

.row-fluid .ctastrip_section .ctastrip_img { width:280px; float:left; margin-top: -110px; }
.row-fluid .ctastrip_section .ctastrip_inner { width:calc(100% - 280px); float:left; padding-left:30px; font-size: 30px; line-height: 40px; }
.row-fluid .ctastrip_section .ctastrip_text { width:100%; float:left; margin-bottom:40px; }
.row-fluid .ctastrip_section .ctastrip_btn { width:100%; float:left; }

/*----*/
.row-fluid .leadership_section { padding:120px 0 70px; position:relative; }
.row-fluid .leadership_section .section_teamtitle { font-family: 'Lane - Narrow'; text-transform: uppercase; letter-spacing: 8px; font-weight: bold; font-size: 14px; line-height: 20px; text-align: left; position: relative; padding-left:100px; }
.row-fluid .leadership_section .section_teamtitle:before { position:absolute; content:""; left:0; top:0; width:87px; height:17px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/title_line.png') no-repeat center center; background-size:100% 100% !important; }
.row-fluid .leadership_section .Leadership_title_cover { text-align: center;  max-width: 690px; margin: 20px auto 100px; float: none; font-size: 24px; line-height: 34px; }
.row-fluid .leadership_section .Leadership_title_cover h2 { margin-bottom:30px; }

.row-fluid .leadership_team_area { width:100%; float:left; }
.row-fluid .leadership_team_area .leadership_team_cover { width:100%; float:left; position: relative; }
.row-fluid .leadership_team_area .leadership_team_box { width:25%; float:left; padding:0 15px; text-align:center; cursor:pointer; margin-bottom:40px; position:relative; }
.row-fluid .leadership_team_area .client_img { position:relative; }
 
.row-fluid .leadership_team_area .client_firstview { width:100%; float:left; }
.row-fluid .leadership_team_area .client_img { width:300px; height:300px; border-radius:50%; float:none; display:inline-block;  background-size:cover !important;margin-bottom:20px; position:relative;-webkit-filter: grayscale(100%); filter: grayscale(100%);transition:all .6s ease;}

.row-fluid .leadership_team_area .leadership_team_box:hover .client_img ,.row-fluid .leadership_team_area .leadership_team_box.active .client_img {
  -webkit-filter: grayscale(0); filter: grayscale(0); transition:all .6s ease; 
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.row-fluid .leadership_team_area .client_inner { width:100%; float:left;  display: flex; align-items: center; text-align:left; }
.row-fluid .leadership_team_area .client_inner h3 { width:100%; float:left; font-size: 30px; line-height: 34px; font-weight: 300; }
.row-fluid .leadership_team_area .client_titleiner { width:100%; float:left; padding-left: 20px; margin-left: 20px; border-left: 2px solid #E9E9E9;   }
.row-fluid .leadership_team_area .client_link {  color:#C4C4C4; font-size:26px; } 
.row-fluid .leadership_team_area .client_link:hover { color:#A7CB00;  }

.row-fluid .leadership_team_area .client_position { text-transform:uppercase; font-size: 16px; line-height: 28px; letter-spacing: 4px; font-weight: 600; width:100%; float:left; }

.row-fluid .leadership_team_area .client_info { width:100%; float:left; text-align:left; display:none; padding-top: 40px; position:relative; overflow:visible !important; background:#fff; } 
.row-fluid .leadership_team_area .client_conent { width:50%; float:left; display:flex; align-items:center;  } 
.row-fluid .leadership_team_area .person_bio { width:100%; float:left; margin-top:15px; font-size: 22px; line-height: 32px; }
.row-fluid .leadership_team_area .client_icon { width:50%; float:left; text-align:right; }   
.row-fluid .leadership_team_area .client_icon span { width:100%; float:left; margin-bottom:10px; font-size: 18px; line-height: 24px; color: #377FBF; font-weight: 600; letter-spacing: 2px; }  
.row-fluid .leadership_team_area .client_icon_cover { width:auto; float:right; }
.row-fluid .leadership_team_area .client_icon_cover .client_icon_box { width:auto; float:left; margin:0 10px; }

.row-fluid .leadership_team_area .client_info .client_inerimg { width:30%; float:left; }
.row-fluid .leadership_team_area .client_iner_conent { width:70%; float:left; padding-left: 20px; }

.row-fluid .wrap-div { float: left; width: 100%;}
.row-fluid .wrap-contain { float: none; margin: 0 auto; max-width: 1390px; width: 100%;}
.row-fluid .leadership_team_area .close_info { position:absolute; right: -80px; top: 42px; cursor:pointer; transition:all .6s ease; }

/*---*/
.row-fluid .client_hero {padding: 80px 0 50px; position: relative; color:#fff; }
.row-fluid .client_hero .client_hero_title { font-family: "Source Sans Pro"; color:#fff; text-transform: uppercase; letter-spacing: 8px; font-weight: 400; font-size: 16px; line-height: 1; text-align: left; position: relative; padding-left:100px; }
.row-fluid .client_hero .client_hero_title:before { position:absolute; content:""; left:0; top:0; width:87px; height:17px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/title_line_white.png') no-repeat center center; background-size:100% 100% !important; }

.row-fluid .client_hero h1 { color:#fff; }
.row-fluid .clienthero_content { margin-top:40px; }

.row-fluid .clientdetail_slider_area { width:100%; float:left; }
.row-fluid .clientdetail_slider { width:100%; float:left; }
.row-fluid .clientdetail_slider .clientdetail_box { width:100%; float:left; }
.row-fluid .clientdetail_slider .clientdetail_box_img { width:100%; float:left; }

.row-fluid .client_rightside { padding-left:30px; font-size:21px; line-height:30px; }
.row-fluid .client_rightside h3 { color:#fff; margin:20px 0 5px; font-family: 'Lane - Narrow'; font-size: 44px; line-height: 58px; }
.row-fluid .featuredclient_btn a { background:#5FBB39; width:auto; float:left; padding:10px 25px; color:#fff; letter-spacing:5px; font-weight:700; font-size: 18px; line-height: 24px; }
.row-fluid .featuredclient_btn a:hover { background:#5db13b; }

.row-fluid .client_rightside ul { width:100%; float:left; list-style:none; padding:0; margin:20px 0 0; }
.row-fluid .client_rightside ul li {width: 100%;float: left;position: relative;padding-left: 44px;font-size: 21px;margin-bottom: 15px;line-height: 1.4;text-transform: uppercase;}  
.row-fluid .client_rightside ul li:before { position:absolute; content:""; left:0; top:5px; width:25px; height:21px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/check-icon.png') no-repeat center center; background-size:100% 100% !important; }

.row-fluid .client_top_titles > div > div { display: flex; align-items: center; }

/*---*/ 
.row-fluid .client_services_area { width:100%; float:left; padding-top:10px; padding-bottom: 60px; padding-left:5px; padding-right:10px; }
.row-fluid .client_services_area .client_services_cover { width:100%; float:left; }
.row-fluid .client_services_area .client_services_box { width:20%; float:left; padding:0 5px 10px; }
.row-fluid .client_services_area .client_box_inner { width:100%; float:left; height:380px; background-size:cover !important; position:relative; overflow:hidden; }
.row-fluid .client_services_area .client_box_inner:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0; transition:all .6s ease; }
.row-fluid .client_services_area .client_box_inner:after {  position:absolute; content:""; right:-1px; bottom:-1px; width:131px; height:130px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/hover-arrow.png') no-repeat center center; background-size:100% 100% !important; opacity:0; transition:all .6s ease; }    

.row-fluid .client_services_area .client_services_cover:hover .client_box_inner:hover { -webkit-filter: grayscale(0);filter: grayscale(0); }   
.row-fluid .client_services_area .client_services_cover:hover .client_box_inner { -webkit-filter: grayscale(100%);filter: grayscale(100%); }   
.row-fluid .client_services_area .client_services_cover:hover .client_box_inner:before { opacity:0.6; transition:all .6s ease; }
.row-fluid .client_services_area .client_services_cover .client_box_inner:hover:before { opacity:0; transition:all .6s ease; }
.row-fluid .client_services_area .client_services_cover .client_box_inner:hover:after { opacity:1; transition:all .6s ease; }

.row-fluid .bark_bgcolor { background:#555555; } 
.row-fluid .bark_bgcolor.subscribe-section h3.form-title{margin-top:7px;}

.row-fluid .pink_bg { background:#B73DA1; }

.row-fluid .backclient_btn a {color:#fff;position:relative;padding-left:33px;font-size: 21px;}
.row-fluid .backclient_btn a:before { position:absolute; content:""; left:0; top:3px; width:22px; height:22px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/back-arrow.png') no-repeat center center; background-size:100% 100% !important; }
.row-fluid .backclient_btn a:hover { margin-left:10px; }

.clientdetail_slider ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
.clientdetail_slider ul.slick-dots { text-align:center; padding:10px 0 0; }
.clientdetail_slider ul.slick-dots li { display:inline-block; padding:0 5px; }
.clientdetail_slider ul.slick-dots li button { display:inline-block; background:transparent;  min-width:auto; padding:0; border:1px solid #fff; width:13px; height:13px; border-radius:100%; font-size:0; text-indent:-9999; cursor:pointer; }
.clientdetail_slider ul.slick-dots li button:hover , .clientdetail_slider ul.slick-dots li.slick-active button { background:#fff; }

.row-fluid .clientdetail_nextprev { width:100%; float:left; position:relative; }
.row-fluid .clientdetail_nextprev:before { position: absolute; left: 0; top: -10px; content: ""; width: 200px; height: 10px; background: #377FBF; }

.row-fluid .clientdetail_nextprev .clientdetail_prev { width:50%; padding:90px 0 100px; float:left; text-align:right; padding-right:50px; border-right:1px solid #ccc; }
.row-fluid .clientdetail_nextprev .clientdetail_next { width:50%; padding:90px 0 100px; float:left; padding-left:50px; }
.row-fluid .clientdetail_nextprev a { width:100%; float:left; }
.row-fluid .clientdetail_nextprev a h3 { width:100%; float:left; color:#377FBF; font-weight: 300; transition:all .6s ease; }
.row-fluid .clientdetail_nextprev a h4 { width:100%; float:left; color:#959595; font-size: 21px; line-height: 28px; letter-spacing: 4px; margin-bottom:30px; transition:all .6s ease; position:relative; }
.row-fluid .clientdetail_nextprev a:hover h3 { color:#A7CB00; transition:all .6s ease; } 
.row-fluid .clientdetail_nextprev a:hover h4 { color:#A7CB00; transition:all .6s ease; } 

.row-fluid .clientdetail_prev a h4:before { position:relative; float:none; display:inline-block; content:""; left: -8px; top: 4px; width:22px; height:22px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/arrow-bg.png') no-repeat; background-position:bottom center; transition:all .6s ease; }
.row-fluid .clientdetail_prev a:hover h4:before { background-position:top center; transition:all .6s ease; }

.row-fluid .clientdetail_next a h4:after { position:relative; float:none; display:inline-block; content:""; right: -8px; top: 4px; width:22px; height:22px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/arrow-bg.png') no-repeat; background-position:bottom center; transition:all .6s ease;  -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.row-fluid .clientdetail_next a:hover h4:after { background-position:top center; transition:all .6s ease; }

.clients_detail_page .row-fluid .ctastrip_section { margin-top:0;  }
.row-fluid .submitted-message { color: #fff; margin-top: 11px !important; }   

/*-------*/
.row-fluid .content_hero {  padding:100px 0 150px; position:relative;  }
.row-fluid .content_hero .wrapper { position:relative; }
.row-fluid .content_hero:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.8; }
.row-fluid .content_hero:after { position: absolute; left: 0; bottom: 17px; content: ""; width: 200px; height: 10px; background: #377FBF; }
.row-fluid .content_hero .bottom_line { width:100%; height:17px; z-index:9; left:0; bottom:0; position:absolute; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/full_div_line.png'); }
.contact-page .row-fluid .content_hero:before  { display:none; }

.row-fluid .content_hero .content_sub_hero { font-family: 'Lane - Narrow'; text-transform: uppercase; letter-spacing: 8px; font-weight: bold; font-size: 14px; line-height: 20px; text-align: left; position: relative; padding-left:100px; }
.row-fluid .content_hero .content_sub_hero:before { position:absolute; content:""; left:0; top:0; width:87px; height:17px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/title_line.png') no-repeat center center; background-size:100% 100% !important; }
.row-fluid .content_hero .content_hero_title { margin: 100px 0 120px; text-align: center; }

.row-fluid .content_hero .contact_box { text-align:center; }
.row-fluid .content_hero .conact_title { font-size: 34px;line-height: 42px; text-transform: uppercase; letter-spacing: 10px; font-weight: 700; margin-top:10px; }
.row-fluid .content_hero .contact_icon { min-height:80px; }

.contact-page .row-fluid .content_hero .contact_icon {  min-height: 70px; }
.contact-page .row-fluid .content_hero .contact_icon img { max-width: 55px; }

.row-fluid .location_box_area { width:100%; float:left; padding:90px 0 170px; position:relative; }
.row-fluid .location_box_area:before { position:absolute; content:""; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/pettan.png'); width:100%; height:100%; top:0; left:0; }
.row-fluid .location_box_area .wrapper { position:relative; }

.row-fluid .location_box_area h5 { font-family: 'Lane - Narrow'; text-transform: uppercase; letter-spacing: 8px; font-weight: bold; font-size: 14px; line-height: 20px; text-align: left; position: relative; padding-left:100px; }
.row-fluid .location_box_area h5:before { position:absolute; content:""; left:0; top:0; width:87px; height:17px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/title_line.png') no-repeat center center; background-size:100% 100% !important; }
.row-fluid .location_box_area h2 { width:100%; float:left; margin:70px 0; text-align:center; }

.row-fluid .location_box_area .location_box_cover { width:100%; float:left; text-align:center; }
.row-fluid .location_box_area .location_box { width:50%; float: none; text-align:left;max-width: 600px; display: inline-block; margin: 0 44px;vertical-align: top;}

.row-fluid .location_box_area .location_title_top { width:100%; float:left; display:flex; align-items:center; }
.row-fluid .location_box_area .location_box h4 { width:100%; float:left; position:relative; font-size: 34px; line-height:40px; text-transform: uppercase; letter-spacing: 5px; font-weight: 700; color:#377FBF; margin-left:20px; }
.row-fluid .location_box_area .location_box h4:after { position: relative; content: ""; left: 0; float: none; display: inline-block; margin-left: 20px; bottom: 0; width: 172px; height: 17px; background: url(https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/img_line.png) no-repeat; }

.row-fluid .location_box_area .location_title_icon { width:auto; float:left; max-width:25px; }

.row-fluid .location_box_area .location_box .location_box_img { width:100%; float:left; height:400px; background-size:cover !important; margin:30px 0 20px; }
.row-fluid .location_box_area .location_box .location_box_text { width:100%; float:left; color:#555555; text-transform: uppercase; font-weight: 500; }
.row-fluid .location_box_area .location_box .location_box_text strong { color:#377FBF; transition:all .6s ease; }
.row-fluid .location_box_area .location_box .location_box_text strong:hover { color:#000; transition:all .6s ease; }
.row-fluid .location_box_area .location_box .location_box_text strong:hover a { color:#000; transition:all .6s ease; }
.row-fluid .location_box_area .location_box .location_box_text strong a { color:#377FBF; transition:all .6s ease; }
 
/*------*/
.row-fluid .emailform_content { padding:70px 50px; font-size:18px; background:#F37735; text-align:center; color:#fff; }
.row-fluid .emailform_content h2 { float:none; display:inline-block; width:100%; max-width:950px;  color:#fff; margin-bottom: 40px; font-weight: bold; text-transform: uppercase; font-size: 36px; line-height: 40px; letter-spacing: 4px; }
.row-fluid .emailform_content form { float:none; display:inline-block; width:100%; max-width:950px; text-align:left; }
.row-fluid .emailform_content .submitted-message { font-size: 22px; }  
.row-fluid .emailform_content form .hs-button { max-width:200px; float:right; margin-top:15px; border:none; outline:none; padding: 15px; font-size: 19px; text-transform: uppercase; font-weight: 600 }

.row-fluid .content_hero .contact_box:first-child .conact_title { color:#F37735; }
.row-fluid .content_hero .contact_box:nth-child(2) .conact_title { color:#5FBC39; }
.row-fluid .content_hero .contact_box:nth-child(3) .conact_title { color:#743D8D; }

.row-fluid .content_hero .contact_box.current .contact_box_width , .row-fluid .content_hero .contact_box:hover .contact_box_width { transition:all .6s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.row-fluid .content_hero .contact_box.current .contact_box_width:before , .row-fluid .content_hero .contact_box:hover .contact_box_width:before { opacity:1; transition:all .6s ease; }

.row-fluid .content_hero .contact_box_width { max-width:340px; float:none; display:inline-block; padding: 25px 15px; position:relative; transition:all .6s ease; }
.row-fluid .content_hero .contact_box_width:before { position:absolute; content:""; left:0; top:0; width:50px; height:33px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/left_border.png') no-repeat; background-size:100% 100%; opacity:0; transition:all .6s ease; }
.row-fluid .content_hero .contact_box_width:after { position:absolute; content:""; bottom:0; right:0; width:33px; height:50px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/right_border.png') no-repeat; background-size:100% 100%; }
.row-fluid .contact_box_width .contact_tabtitle { position:absolute; left:0; top:0; width:100%; height:100%; }

.row-fluid .meeting_form { width:100%; float:left; background:#5FBC39; padding:50px 0; }
.row-fluid .meeting_form .meeting_form_code { float: none; width: 100%; max-width: 950px; text-align: left; margin-left:auto;margin-right:auto}

.row-fluid .tab_content { display:none; position:relative; }
.row-fluid .tab_content .wrapper { position:relative; }
.row-fluid .tab_content .close_btn { position:absolute; right:100px; top:0; width:40px; height:40px; z-index:9; cursor:pointer; }
.row-fluid .hs_message .input { margin-right:0 !important; } 

/*-----*/
.row-fluid .blog_hero { padding:60px 0 0; background:#F1F1F1; }
.row-fluid .blog_hero .bloghero_inertitle > div > div { display:flex; align-items:center; }
.row-fluid .blog_hero .insight_hero_title { font-family: 'Lane - Narrow'; text-transform: uppercase; letter-spacing: 8px; font-weight: bold; font-size: 14px; line-height: 20px; text-align: left; position: relative; padding-left:100px; }
.row-fluid .blog_hero .insight_hero_title:before { position:absolute; content:""; left:0; top:0; width:87px; height:17px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/title_line.png') no-repeat center center; background-size:100% 100% !important; }

.hs-author-listing-header { padding:0 15px; }

.row-fluid .bloghero_inertitle  {  margin-bottom:50px; }

.row-fluid .heropost_cover_area { width:100%; float:left; padding-top: 0; }
.row-fluid .heropost_cover { width:100%; float:left; }
.row-fluid .heropost_item { width:100%; float:left; overflow: hidden; }
.row-fluid .heropost_item .featured_image { width:100%; float:left; height: 500px; background-size: cover !important; }
.row-fluid .heropost_item .post_header { width:100%; float:right; background:#fff; padding:42px 42px 20px; max-width:800px; margin-top:-220px;  position:relative;  } 
.row-fluid .heropost_item .post_header h2 { width:100%; float:left; } 
.row-fluid .heropost_item .post_header h2 a { width:100%; float:left; font-size: 34px; line-height: 44px; color:#377FBF; } 
.row-fluid .heropost_item .post_header .heropost_text { width:100%; float:left; margin:12px 0 30px; } 
.row-fluid .heropost_item .featured_title { background:#377FBF; font-family: 'Lane - Narrow'; letter-spacing: 5px; font-size: 24px; line-height: 30px; position: absolute; right: 70px; top: -24px; color: #fff; padding: 9px 10px; min-width: 210px; text-align: center; font-weight: bold; }

.row-fluid .heropost_item .auhot_info { width:100%; float:left; display: flex; align-items: center; } 
.row-fluid .heropost_item .auhot_info .hs-author-avatar { width:90px; height:90px; float:left; border-radius:50%; background-size:cover !important; } 
.row-fluid .heropost_item .auhot_info #hubspot-author_data { width:100%; float:left; color:#555555; font-weight:bold; margin-bottom:5px; }  
.row-fluid .heropost_item .auhot_info #hubspot-author_data span { float:left; width:auto; margin-right:10px; }  
.row-fluid .heropost_item .auhot_info #hubspot-author_data .author-link { width:auto; float:left;  color:#555555; font-weight:bold; }  
.row-fluid .heropost_item .auhot_info .reading-minutes { width:100%; float:left; color:#377FBF; font-family: 'Lane - Narrow'; letter-spacing: 2px; font-size: 20px; line-height: 30px;  }
.row-fluid .heropost_item .auhot_info .auhot_info_inner { width:calc(100% - 90px); float:left; padding-left:20px; }
/* .row-fluid .heropost_item .more_link { position: absolute; content: ""; right: -1px; bottom: -1px; width: 100px; height: 100px; background: url(https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/hover-arrow.png) no-repeat center center; background-size: 100% 100% !important;  transition: all .6s ease; }  
 */
.row-fluid .heropost_item .more_link { position:absolute; right:0; bottom:0; font-size:0; display:inline-block; width:0; height:0; border-style:solid; border-width:0 0 75px 75px; border-color:transparent transparent #377fbf transparent; }
.row-fluid .heropost_item .more_link:before { position:absolute; content:""; right:12px; top:41px; height:19px; width:19px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/right_arrow.png') no-repeat center center; }
.row-fluid .heropost_item:hover .more_link { border-color: transparent transparent #A7CB00 transparent; }


/*---*/
.row-fluid .category_search_area { padding:100px 0 50px 0; } 
.row-fluid .category_search_area .block { width:auto; float:right; display: flex; align-items: center; }
.row-fluid .category_search_area .block h3 { width:auto; float:left; font-weight: bold; color:#555555; font-size: 26px; line-height: 32px; }
.row-fluid .category_search_area .block .widget-module { width:auto; float:right; padding-left: 20px; }
.row-fluid .category_search_area .block .widget-module ul { width:auto; float:left; padding:0; margin:0; list-style:none; }
.row-fluid .category_search_area .block .widget-module ul li { width:auto; float:left; }
.row-fluid .category_search_area .block .widget-module ul li a { border:2px solid #949494; letter-spacing: 1px; margin:0 20px; float:left; width:auto; padding:10px 25px; text-transform:uppercase; border-radius: 3px; }
.row-fluid .category_search_area .block .widget-module ul li a:hover { border-color:#A7CB00; color:#fff; background:#A7CB00; }
.row-fluid .category_search_area .block .widget-module ul li:last-child a { margin-right:0; }  
.row-fluid .category_search_area .filter-link-count { display:none; }


.row-fluid .post-listing { display:block; margin:0 -15px;display: flex;flex-flow: row wrap;}
.row-fluid .post_item { width:33.33%; float:left; padding:0 16px 60px; }   
.row-fluid .post_item .post_img { width:100%; float:left; height:250px; background-size:cover !important; }   
.row-fluid .post_item .post_header { width:100%; float:left; position:relative; background: #F1F1F1; padding: 35px 35px 25px; position:relative; overflow:hidden; }  
.row-fluid .post_item .post_header h2 { width:100%; float:left; } 
.row-fluid .post_item .post_header h2 a { width:100%; float:left; font-size: 28px; line-height: 38px; color:#555555; } 
.row-fluid .post_item .post_header h2 a:hover { color:#377FBF; }

.row-fluid .post_item .post_date { width:100%; float:left; color: #377FBF; text-transform: uppercase; letter-spacing: 1px; font-size: 20px; line-height: 30px; font-weight: 500; margin-top:10px; }
.row-fluid .post_item .post_text { width:100%; float:left; margin:12px 0; font-size: 18px; line-height: 28px; }
.row-fluid .post_item .author_info { width:100%; float:left; }
 
.row-fluid .post_item .author_info { width:100%; float:left; display: flex; align-items: center; margin-top:20px; } 
.row-fluid .post_item .author_info .author_avatar { width:90px; height:90px; float:left; border-radius:50%; background-size:cover !important; } 
.row-fluid .post_item .author_info #hubspot-author_data { width:100%; float:left; color:#555555; font-weight:bold; margin-bottom:5px;  font-size: 18px; line-height: 24px; }  
.row-fluid .post_item .author_info #hubspot-author_data span { float:left; width:auto; margin-right:10px; }  
.row-fluid .post_item .author_info #hubspot-author_data .author-link { width:auto; float:left;  color:#555555; font-weight:bold; }  
.row-fluid .post_item .author_info .reading-minutes { width:100%; float:left; color:#377FBF; font-family: 'Lane - Narrow'; letter-spacing: 2px; font-size: 16px; line-height: 24px; font-weight: 600; }
.row-fluid .post_item .author_info .author_info_iner { width:calc(100% - 90px); float:left; padding-left:20px;  }
.row-fluid .post_item .more_link { position: absolute; content: ""; right: -1px; bottom: -1px; width: 100px; height: 100px; background: url(https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/hover-arrow.png) no-repeat center center; background-size: 100% 100% !important;  transition: all .6s ease; }  

.row-fluid .post_item .post_topic { width:100%; float:left; padding-top: 20px; }
.row-fluid .post_item .post_topic .topic-link { width:auto; float:left; font-size:16px; margin-bottom: 6px; line-height:16px; color:#555555; padding: 0 10px; position:relative; }
.row-fluid .post_item .post_topic .topic-link:after { position:absolute; content:","; right:0; top:0; color:#555555; }
.row-fluid .post_item .post_topic .topic-link:first-child { color: #377FBF; padding:0 10px; border-right: 1px solid #555555; }
.row-fluid .post_item .post_topic .topic-link:first-child:after { display:none; }

/* .row-fluid .post_item .more-link { position: absolute; content: ""; right: -1px; bottom: -1px; width: 80px; height: 80px; background: url(https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/hover-arrow.png) no-repeat center center; background-size: 100% 100% !important;  transition: all .6s ease; }   */

.row-fluid .post_item .more-link { position:absolute; right:0; bottom:0; font-size:0; display:inline-block; width:0; height:0; border-style:solid; border-width:0 0 55px 55px; border-color:transparent transparent #377fbf transparent; }
.row-fluid .post_item .more-link:before { position:absolute; content:""; right:7px; top:28px; height:19px; width:19px; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/right_arrow.png') no-repeat center center; }
.row-fluid .post_item:hover .more-link { border-color: transparent transparent #A7CB00 transparent; }

.row-fluid .post_item_inner { border:1px solid transparent; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s; transition: all ease .5s;  } 
.row-fluid .post_item_inner:hover { border-color: #BDBDBD; box-shadow: 5px 5px 20px rgba(0,0,0,0.2); -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s; transition: all ease .5s; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.row-fluid nav { width:100%; float:left; text-align:center; }
.row-fluid .pagination { width:auto; float:none; display:inline-block; list-style:none; padding:0; margin:0; }    
.row-fluid .pagination li { width:auto; float:left; }   
.row-fluid .pagination a { width:50px; height:50px; border: 2px solid transparent; font-weight:600; margin-right:5px; color: #949494; padding: 12px; float: left; font-size: 28px; line-height: 20px; text-align: center; border-radius: 4px; }   
.row-fluid .pagination a i { line-height:0; }
.row-fluid .pagination .active a  { border: 2px solid #949494; }
.row-fluid .pagination a:hover { background:#A7CB00; border-color:#A7CB00; color:#fff; }

.row-fluid .last_arrow { position:relative; }
.row-fluid .pagination .last_arrow a:hover { background:transparent; }

.row-fluid .first_arrow { position:relative; }
.row-fluid .pagination .first_arrow a:hover { background:transparent; }


/*----*/

.row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input::-webkit-input-placeholder { color: #A7CB00 !important;  opacity:1; font-size:20px;letter-spacing:1px;overflow: visible; }
.row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input::-moz-placeholder { color: #A7CB00 !important;  opacity:1; font-size:20px;letter-spacing:1px; overflow: visible;}
.row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input:-ms-input-placeholder { color: #A7CB00 !important;  opacity:1; font-size:20px;letter-spacing:1px; overflow: visible;}
.row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input:-moz-placeholder { color:#A7CB00 !important;  opacity:1; font-size:20px;letter-spacing:1px; overflow: visible;}

.row-fluid .sitesearch_box .hs-search-field { width:100%; float:left; }
.row-fluid .sitesearch_box .hs-search-field__bar { width:100%; float:left; }
.row-fluid .sitesearch_box .hs-search-field form { width:100%; float:left; position:relative; }
.row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input { width:100%; max-width:350px; border:2px solid #949494; height:57px; color: #A7CB00; padding:0 44px 0 15px;line-height:1;font-size:18px }  
.row-fluid .sitesearch_box .hs-search-field form .search_btn {position:absolute;background: none;top: 0;border: none;padding: 0;margin: 0;bottom: 0;right: 0;max-width: 50px;}

.row-fluid .heropost_cover .slick-dots { width:auto; float:left; display:flex; align-items:center; padding:0; position:absolute; bottom:35px; }
.row-fluid .heropost_cover .slick-arrow { margin-top: 0; padding:0; position: relative; margin-right: 18px; border:none; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/next_arrows.png') no-repeat center center; width:22px; height:21px; background-size:100% 100% !important; }
.row-fluid .heropost_cover .slick-arrow:before { display:none; } 
.row-fluid .heropost_cover .slick-prev { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

.row-fluid .heropost_cover .slick-next {margin-left:18px;} 
.row-fluid .heropost_cover .slick-dots li { padding:0; }
.row-fluid .heropost_cover .slick-dots li button { width:40px; height:40px; background:transparent; border: 2px solid transparent; margin:0; font-weight:600; margin-right:5px; color: #949494; padding: 6px; float: left; font-size: 24px; line-height: 20px; text-align: center; border-radius: 4px; }  
.row-fluid .heropost_cover .slick-dots li.slick-active button { border-color:#949494; }

/*---*/
.row-fluid .inner_blog_hero { width:100%; float:left; padding:0px 0 120px; }
.row-fluid .inner_blog_hero .featured_inner { width:100%; float:left; height:650px; background-size:cover !important; }

/*-----*/
.row-fluid .blog_inner_post { width:100%; float:left; text-align:center;position:relative; }
.row-fluid .blog_inner_post .blog-post-wrapper { width:100%;float:none;display:inline-block;max-width:1140px; padding: 50px 60px; margin-top: -180px; background:#fff; text-align:left; position: relative; top: -80px; }
.row-fluid .blog_inner_post .author_info { width:100%; float:left; margin:30px 0 40px;  display: flex; align-items: center; }
.row-fluid .blog_inner_post .author_avatar { width:80px; height:80px; border-radius:50%; background-size:cover !important; float:left; }
.row-fluid .blog_inner_post .author_info_iner { width:calc(100% - 80px); float:left; padding-left:15px; color:#555555; font-weight:bold; }
.row-fluid .blog_inner_post .author-link { color:#555555; font-weight:bold;}
.row-fluid .blog_inner_post .hubspot-editable { width:100%; float:left; margin-bottom:5px; }
.row-fluid .blog_inner_post .reading-minutes { width:auto; float:left; font-family: 'Lane - Narrow'; color:#377FBF; letter-spacing: 2px; font-size:18px; line-height:24px; padding-right:10px; margin-right:10px; border-right:1px solid #377FBF; }
.row-fluid .blog_inner_post .post_date { width:auto; float:left; font-family: 'Lane - Narrow'; color:#377FBF; letter-spacing: 2px; font-size:18px; line-height:24px; }

.row-fluid .blog_inner_post .blog-post-wrapper .post-body { width:100%; float:left;  }
.row-fluid .blog_inner_post .blog-post-wrapper .post-body ul { width:100%; float:left; list-style:none; }
.row-fluid .blog_inner_post .blog-post-wrapper .post-body ul li { width:100%; float:left; margin-bottom:20px; } 
.row-fluid .blog_inner_post .blog-post-wrapper .post-body ul li:last-child { margin-bottom:0; }
 
   
/*----*/
.row-fluid .related_post { width:100%; float:left; padding-bottom:40px; position: relative; top: -30px; }
.row-fluid .related_post h2 { width:100%; float:left; margin-bottom: 40px; text-align: center; font-size: 50px; line-height: 60px; }
.row-fluid .related_post_area { text-align:left; width:100%; float:none; margin:0 auto; max-width:1030px; }
.row-fluid .related_post_area .post_item { width:50%; padding:0 16px 30px; float:left; text-align:left; }
.row-fluid .related_post_area .post_item h2 { text-align:left; margin-bottom: 10px; }

.row-fluid .related_post_area .post_item .post_item_inertop { width:100%; float:left; border:1px solid transparent; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s; transition: all ease .5s; }
.row-fluid .related_post_area .post_item .post_item_inertop:hover { border-color: #BDBDBD; box-shadow: 5px 5px 20px rgba(0,0,0,0.2); -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; -ms-transition: all ease .5s; transition: all ease .5s; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.row-fluid .related_post_area .post_item .hubspot-editable { margin-bottom:8px; }
.row-fluid .related_post_area .post_item .author_info_iner span  { width:auto; float:left;  }
.row-fluid .related_post_area .post_item .reading-minutes { width:auto; float:left; font-family: 'Lane - Narrow'; color:#377FBF; letter-spacing: 2px; font-size: 16px; line-height: 16px; padding-right:10px; margin-right:10px; border-right:1px solid #377FBF; }
.row-fluid .related_post_area .post_item .post_date { width:auto; float:left; font-weight: 700; font-family: 'Lane - Narrow'; color:#377FBF; letter-spacing: 2px; font-size: 16px; line-height: 16px; margin:0; }


/*---*/
.row-fluid .mobile_view { display:none; }
.row-fluid .social-sharing { width:auto; max-width:60px; float:left; position: sticky; left: 30px; top: 120px; margin-top: 30px; }
.row-fluid .social-sharing ul { width:auto; float:left; margin:0 -50px 0 0; padding:0; list-style:none; }
.row-fluid .social-sharing li { width:100%; float:left;  list-style: none;  }
.row-fluid .social-sharing li a { width:100%; text-align:center; float:left; color:#C4C4C4; font-size:40px; line-height:50px; margin-bottom:10px; }
.row-fluid .social-sharing li a:hover { color:#A7CB00; }

/*---*/
.row-fluid .author_area { text-align:center; }
.row-fluid .about-author-sec{  width:100%; float:none; display:inline-block; max-width:800px; text-align:left; padding:35px 20px;border:1px solid rgba(225,225,225,0.54); box-shadow:0 1px 1px 0 #e6ebee;background:#fafafa; margin-top:70px;    margin-bottom:40px}
.row-fluid .about-author-sec .author_img{ float:left;   width:110px;   border:1px solid #e8e5e5; height:110px; background-size:cover !important;    border-radius:50%}
.row-fluid .about-author-sec .author_text{ width:calc(100% - 110px); float:left; padding-left:40px}
.row-fluid .about-author-sec .author-link{ width:100%; float:left; color:#1f1f1f; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:.5px}
.row-fluid .about-author-sec .author-content{ width:100%;   float:left; font-size:18px; line-height:26px;color:#86939e; letter-spacing:.5px;  font-weight:400;  margin:15px 0 20px}
.row-fluid .about-author-sec .hs-author-social-section{  width:100%;float:left}
.row-fluid .about-author-sec .hs-author-name{   padding:0; color:#000;     font-size: 30px; line-height: 40px;}
.row-fluid .about-author-sec .hs-author-social-label { color:#000; float:left; width:100%; margin-bottom: 10px; font-size:18px; line-height:28px; }

/*----*/   
.row-fluid .inertopic {float: left;display: inline-block;background: #377fbf;font-family: 'Lane - Narrow';margin-left: -65px;letter-spacing: 3px;font-size: 16px;line-height: 26px;color: #fff;padding: 5px 10px;
    min-width: 170px;
    text-align: center;
    font-weight: bold;}
.row-fluid .inertopic a{color:#fff;}
.row-fluid .post_item_inner { width:100%; float:left; }

/* , url(https://4316911.fs1.hubspotusercontent-na1.net/hub/4316911/hubfs/crosshatch-pattern-bg.png?width=952&name=crosshatch-pattern-bg.png) */

.row-fluid .pettan_div { position:relative; }
.row-fluid .pettan_div:after { position:absolute; content:""; left:0; background:url('https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/pettan_bg.png') repeat center center; background-size: contain !important; z-index: -1;  }   
.row-fluid .pettan_div:after { top:-970px; width:100%; height:calc(100% + 970px); }
/* .row-fluid .pettan_div:after {  top:0; width:100%; height:100%; } */
.row-fluid .pettan_div > div { position:relative; }
  

/* banner-section */
.row-fluid .banner-wrap > div > div { float: left; width: auto;display: flex;flex-direction: row;justify-content: space-between;}
  .row-fluid .banner-section.bgimg-main {  background-image: url(https://4316911.fs1.hubspotusercontent-na1.net/hub/4316911/hubfs/Fortuitas_2019/Images/landingpage2bg.png?width=1440&name=landingpage2bg.png) !important;
    background-position: bottom center , 100% 10px !important;background-repeat: no-repeat !important;background-size: 100% !important;min-height: 160px ;padding-top:60px;position: relative; overflow: hidden;    z-index: 2;}
.row-fluid .banner-section.bgimg-main:before {content: '';position: absolute;top: 0;left: 0;background: #1f9bc9;height:70%;width: 100%;z-index: -1;}
.row-fluid .banner-left-content h1 { color: #fff; font-size: 72px; }
.row-fluid .banner-content span.hs_cos_wrapper{color:#fff;padding:15px 0 25px;display:inline-block;font-size:24px;line-height:1.6;font-family:'Lane - Narrow';}
.row-fluid .banner-left-content, .row-fluid .banner-right-content{padding:0 15px 0 0;float:left;margin:0;}
.row-fluid .banner-left-content{ width: 55%; }
.row-fluid .banner-right-content { width: 45%; }
.row-fluid .banner-right-content {display: flex;align-items: flex-start;padding-bottom: 120px !important;} 
.row-fluid .banner-form { background: #fff; text-align: center; padding: 60px 38px; }
.row-fluid .banner-form h3{font-family:'Lane - Narrow' ; color: #377FBF; margin-bottom: 48px;}
.row-fluid .banner-form input::placeholder, .row-fluid .banner-form select::placeholder, .row-fluid .banner-form textarea::placeholder{font-style: italic;}
.row-fluid .banner-form input,.row-fluid .banner-form textarea, .row-fluid .banner-form select{height:50px;}
.row-fluid .banner-form span.hs-form-required {display: none;}
.row-fluid .banner-form .hs-form .hs-form-field{padding: 0 0 23px;}
.row-fluid .banner-form .actions input { height: 80px; font-size: 22px; font-weight: 600; border: none; }
.row-fluid .banner-form .actions { max-width: 440px; margin: 22px auto 0; padding: 0 0 0; }
.row-fluid .section-img{margin: 0 0 0 -10px !important;}

/* guide-section */
.row-fluid .guide-title h2 { color: #555555; font-size: 52px; line-height: 60px; }
.row-fluid .guide-wrap { text-align: center; }
.row-fluid .guide-content ul {display: inline-block; padding: 0;}
.row-fluid .guide-content ul li { float: left; width: 50%; list-style: none; text-align: left; padding: 13px 15px; position: relative; padding-left: 48px; font-size: 30px; line-height: 40px; }
.row-fluid .guide-content ul li:before{content: "\f058";font-family: fontawesome; left:0;top:16px ;  color: #A7CB00; position: absolute;}
.row-fluid .guide-content ul li p { padding: 0; }
.row-fluid .guide-section { padding: 24% 0 110px; position: relative;z-index: -1;margin-top: -300px;}
.row-fluid .guide-content > div span { display: inline-block; max-width: 1050px; }
.row-fluid .guide-content{max-width: 1050px;margin: 0 auto !important;float: none;}

.row-fluid .service-section { padding: 110px 0 35px; float: left; width: 100%; }
.row-fluid .service-sub-title { position: relative; padding-left: 100px; }
.row-fluid .service-sub-title:before { content: ''; position: absolute; background-image: url(https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/Fortuitas_2019/Images/forward-green-slash.png); width: 85px; height: 17px; left: 0; top: 8px; }
.row-fluid .service-sub-title span { display: inline-block; font-size: 16px; line-height: 26px; letter-spacing: 10px; }
.row-fluid .service-title { padding: 30px 0 60px; }
.row-fluid .service-content { padding: 0 0 85px 0; }
.row-fluid .service-wrapper > div > div { float: left; width: auto; display: flex; }
.row-fluid .service-left-section, .row-fluid .service-image { padding: 0 100px; float: left; width: 50%; margin: 0; }
.row-fluid .service-image { display: flex; align-items: flex-end; }
.row-fluid .ecommerce-strip-wrapper .ctastrip_section {margin: 0;}
.ecommerce-marketing-wrapper h4 {text-align: center;}
.ecommerce-marketing-wrapper { padding: 130px 0 110px; float: left; width: 100%; position: relative;     overflow: hidden;}
.ecommerce-marketing-wrapper:before { content: ''; position: absolute; height: 10px; width: 200px; left: 0; bottom: 0; background: #733D8D; }
.ecommerce-marketing-wrap h2 a{color:#377FBF; }
.single-marketing { float: left; width: 50%; padding: 20px 70px 0; text-align: center; position: relative; }
.single-marketing:after { content: ''; position: absolute; height: 100%; width: 2px; background: #e9e9e9; right: 0; top: 0; bottom: 0; }
.single-marketing:last-child:after { display: none; }
.ecommerce-marketing-wrap {  width: auto; margin: 85px -70px 0; }
.single-marketing h2 { margin-bottom: 70px; }
.single-marketing a.marketing-image { display: block; position: relative; }
.single-marketing a.marketing-image:before { content: ''; position: absolute; background-image: url(https://3875073.fs1.hubspotusercontent-na1.net/hubfs/3875073/forward-slashes-line.png); height: 17px; width: 336px; background-repeat:no-repeat; bottom: 27px; background-size: contain;left: calc(100% - 326px); z-index:9}
.single-marketing:nth-child(even) a.marketing-image:before{bottom:inherit;top:45px;left: calc(100% - 320px);}
.ecommerce-marketing-wrapper h4 br{display: none;}
.ecommerce-marketing{float:left;width:100%;}
.footer-container-wrapper{position:relative}

.social-share {float: left;width: 100%;}

.row-fluid .popup-boxwrap { display:flex; align-items:center; }
.row-fluid .client-box-wrap:hover .client-imgbox { -webkit-filter:grayscale(100%); filter:grayscale(100%); }
.row-fluid .client-box-wrap:hover .client-imgbox:hover { -webkit-filter:grayscale(0); filter:grayscale(0); }
 

.row-fluid .heroimg_div { position:absolute; left:0; top:0; width:100%; height:100%;  }
.row-fluid .hero-section .wrapper { position:relative; z-index:9; }


/*-----*/
.row-fluid .mobile-slide.slick-slide { overflow:hidden; }

/* Media Query Start */
@media (min-width:2201px){
  .row-fluid .banner-section.bgimg-main{    padding: 9% 0 0;}
  .row-fluid .guide-section{padding: 16% 0 110px;}
}
  
@media (min-width:1600px){
  .row-fluid .client-box-wrap .wrapper { width:1600px; }
  .row-fluid .popup-image { width:56%; }
  .row-fluid .client-right-content { width:44%; }
}

@media (min-width:1500px){
  .row-fluid .wrapper { width:1400px; }  
/*   .row-fluid .guide-section{padding: 23% 0 110px;} */
}

@media (min-width:1300px){
    
}
.single-ecommerce-logo{display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;}
@media (min-width: 1201px) and (max-width: 1600px){ 
  .row-fluid .green-btn a, .row-fluid a.green-btn, .row-fluid .blue-btn a, .row-fluid a.blue-btn { min-width:200px; font-size:20px; line-height:26px; padding:10px 15px; border-radius:4px; }      
  .row-fluid .leadership_section { padding:70px 0; }
  .row-fluid .wrap-contain { max-width:1000px; }
  .row-fluid .leadership_team_area .close_info { top: 42px; }
  
  .row-fluid .client_services_area .client_box_inner { height: 300px; }
  
  .row-fluid .leadership_team_area .client_inner h3 {  font-size: 24px; line-height: 34px; }
  .row-fluid .leadership_team_area .client_position { font-size: 14px; line-height: 22px; letter-spacing: 2px; }  
  
  .row-fluid .location_box_area .location_box { margin:0 20px; max-width: 542px; }
  .row-fluid .location_box_area .location_box h4 { font-size: 28px; line-height: 34px; margin-left: 10px; letter-spacing: 4px }
  
  .row-fluid .category_search_area .block .widget-module ul li a { margin:0 10px; padding:10px 15px; font-size: 18px; line-height: 24px; }
  
  .row-fluid .inner_blog_hero .featured_inner { height:500px; }
  .row-fluid .blog_inner_post .blog-post-wrapper { max-width: 1000px; padding:30px 40px; }
  
  .row-fluid .social-sharing { left:15px; }
  
  .row-fluid .client-imgbox{height: 300px;}
  .popup-box.fancybox-content{padding: 100px;}
  .popup-box-wrap{margin: 0 -30px;}
  .popup-image{width: 60%;padding: 0 30px;}
  .client-right-content{width: 40%;padding: 0 30px;}
  

  .mission-squre .square-box { right: -20px !important; width: 170px; height: 150px;}
  
  /*------*/
  .row-fluid .wrapper { width: 1140px; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited { padding:22px 10px; font-size: 16px; line-height: 24px; }
  .row-fluid .top .logo img { max-width: 210px !important;  }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li:last-child { margin-right:15px; }
  
  .row-fluid .about_hero { padding: 90px 0; font-size: 20px; line-height: 26px; }
  .row-fluid .about_hero h1 { font-size: 56px; line-height: 70px; }
  .row-fluid .about_hero .mission-squre { width:720px;margin-left: auto;float:none;text-align: center;margin-right: auto;}
  .row-fluid .abouthero_img { margin-top: 73px;  }  
  .row-fluid .about_hero .hero_sub_title { letter-spacing: 6px; font-size: 12px; padding-left: 86px; }
  .row-fluid .about_hero .hero_sub_title:before { width: 73px; height: 16px; }
  .row-fluid .about_hero .abouthero_content { margin: 0 auto; float: none; max-width: 740px;  }
  
  .row-fluid .aboutcore_sldier { padding:50px 0; }
  .row-fluid .aboutcore_sldier h3 {letter-spacing: 6px; font-size: 24px; line-height: 30px; }  
  .row-fluid .aboutcore_sldier .aboutcore_backtitle { font-size: 128px; line-height: 120px; }
  .row-fluid .aboutcore_sldier .aboutcore_box h2 { max-width: 360px; font-size: 54px; line-height: 60px; }
 
  .row-fluid .ourhistory_section .history_title { letter-spacing: 6px; font-size: 12px; padding-left: 86px; }
  .row-fluid .ourhistory_section .history_title:before { width: 73px; height: 16px; } 
  .row-fluid .aboutcore_sldier .aboutcore_box { margin:25px 0; }
  .row-fluid .ourhistory_section { padding: 110px 0; }
  .row-fluid .ourhistory_section .ourhistory_cover { max-width: 705px; font-size: 21px; line-height: 30px; }  
  
  .row-fluid .leadership_section .Leadership_title_cover { max-width: 575px; margin-bottom: 80px; }
  .row-fluid .leadership_section .Leadership_title_cover h2 { font-size: 60px; line-height: 70px; margin-bottom: 20px;}
  .row-fluid .leadership_section .Leadership_title_cover { font-size: 20px; line-height: 28px; }
  
  .row-fluid .leadership_section .section_teamtitle { letter-spacing: 6px; font-size: 12px; padding-left: 86px; }
  .row-fluid .leadership_section .section_teamtitle:before { width: 73px; height: 16px; } 

  .row-fluid .ctastrip_section .ctastrip_inner { width:calc(100% - 250px); }
  .row-fluid .ctastrip_section .ctastrip_img { width:250px; }
  .row-fluid .green-btn a, .row-fluid a.green-btn, .row-fluid .blue-btn a, .row-fluid a.blue-btn { min-width: 240px; font-size: 24px; line-height: 30px; padding: 16px 15px;   border-radius: 4px; }
  
  
  .row-fluid .banner-content span.hs_cos_wrapper { padding:10px 0 40px;font-size:21px}  
  .row-fluid .banner-form h3 { font-size: 28px; line-height: 36px; }
  .row-fluid .banner-form input, .row-fluid .banner-form textarea, .row-fluid .banner-form select { height: 55px; }
  
  .row-fluid .guide-wrap .guide-title h2 { font-size: 42px; line-height: 54px; }
  .row-fluid .banner-section.bgimg-main { padding:80px 0 0; }    
  .row-fluid .guide-content { max-width: 850px; }
  .row-fluid .guide-wrap .guide-content ul li { font-size: 22px; line-height: 28px; padding-top: 10px; padding-bottom: 5px; }
  
  .row-fluid .service-sub-title { letter-spacing: 6px; font-size: 12px; padding-left: 100px; }
  .row-fluid .service-sub-title:before { width: 83px; height: 16px; } 
  
  .row-fluid .service-sub-title span { font-size: 13px; line-height: 26px; letter-spacing: 8px; }
  .row-fluid .service-title { padding:20px 0 50px; }
  .row-fluid .service-title h1 { font-size: 58px; line-height: 60px; }     
  
  .row-fluid .service-content { font-size: 18px; line-height: 26px; }
  .service-squre .square-box { top:0 !important; right: -20px !important; width: 170px; height: 150px;}
  .row-fluid .service-squre img { max-width:95%; }
  
  .single-ecommerce-logo img { max-width:165px; height:auto;}
  .row-fluid .ecommerce-logo-wrapper.ctastrip_section { padding:60px 0; }
  .ecommerce-services-wrapper { padding:150px 0 150px; }
   
  .row-fluid .client_rightside h3 {     font-size: 36px; line-height: 50px; }  
  .row-fluid .clienthero_content { margin-top:25px;  }
  .row-fluid .client_hero .clientdetail_slider_area .clientdetail_box_img img { max-width:98%; } 
  .row-fluid .client_rightside { font-size: 16px; line-height: 26px; padding-left: 10px; }
  .row-fluid .client_hero h1 { font-size: 56px; line-height: 1.125;  }
  .row-fluid .featuredclient_btn a { padding: 8px 20px; letter-spacing: 4px; font-size: 16px; line-height: 23px; }
   
  .row-fluid .client_hero .client_hero_title { letter-spacing: 6px; font-size: 12px; padding-left: 86px; }
  .row-fluid .client_hero .client_hero_title:before { width: 73px; height: 16px; } 
  
  .row-fluid .client_hero {padding:60px 0 30px; }  
  .row-fluid .clientdetail_nextprev .clientdetail_prev {padding:90px 0 80px; padding-right: 50px; }
  .row-fluid .clientdetail_nextprev .clientdetail_next  {padding:90px 0 80px; padding-left: 50px; }
  
  .row-fluid .clientdetail_nextprev .wrapper a h3 { font-size: 30px; } 
    
  .row-fluid .service-section { padding:90px 0 15px; }
   
  .row-fluid .single-marketing .feature_imgwidth { max-width: 360px; }
  .single-marketing a.marketing-image:before { left:calc(100% - 300px); z-index: 9; bottom: 35px; width: 277px; background-position: right;  }
  .single-marketing:nth-child(even) a.marketing-image:before { top: 30px; left: calc(100% - 270px); }
   
  .row-fluid .blog_hero .insight_hero_title { letter-spacing: 6px; font-size: 12px; padding-left: 86px; }
  .row-fluid .blog_hero .insight_hero_title:before { width: 73px; height: 16px; } 
  .row-fluid .bloghero_inertitle h1 { font-size: 60px; line-height: 60px; }
  .row-fluid .bloghero_inertitle {margin-bottom:45px;}
  .row-fluid .heropost_item .featured_image { height:400px; }
  .row-fluid .heropost_item .post_header { max-width:650px; margin-top: -180px; }
  .row-fluid .heropost_item .featured_title { padding: 9px 10px; letter-spacing: 4px; font-size: 18px; line-height: 28px; min-width: 170px; }
  .row-fluid .heropost_item .post_header h2 a { font-size: 28px; line-height: 34px; }
  .row-fluid .heropost_item .post_header .heropost_text { font-size: 18px; line-height: 24px; }
  .row-fluid .heropost_cover .slick-dots { bottom: 37px; } 
  
  .row-fluid .heropost_cover .slick-dots li button { width: 35px; height: 35px; font-size: 18px; line-height: 18px; }
  .row-fluid .heropost_cover .slick-arrow { width: 20px; height: 18px; }
  
  .row-fluid .heropost_item .more_link { border-width:0 0 65px 65px; }
  .row-fluid .heropost_item .more_link:before { right: 10px; top: 36px; }
  
  .row-fluid .heropost_item .auhot_info .reading-minutes { font-size: 16px; line-height: 28px; }
  .row-fluid .heropost_item .auhot_info #hubspot-author_data { margin-bottom:0; font-size: 16px; line-height: 28px; } 
  .row-fluid .heropost_item .auhot_info .hs-author-avatar { width: 75px; height: 75px; }
  .hs-blog-listing .blog_hero .square-box { bottom:60px; }
   
  .row-fluid .blog_hero { padding:50px 0 0; }
  
  .row-fluid .category_search_area { padding:85px 0 50px 0; }
  .row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input { height:50px; }
  .row-fluid .sitesearch_box .hs-search-field form .search_btn { max-width:24px;margin-right:10px;}
  .row-fluid .category_search_area .block h3 { font-size: 22px; line-height: 30px; }
  .row-fluid .category_search_area .block .widget-module ul li a { padding: 6px 15px; }
  .row-fluid .post_item .post_img { height:200px; }
  .row-fluid .post_item .post_header h2 a { font-size: 22px; line-height: 34px; }
  .row-fluid .post_item .post_header { padding:28px 30px 25px; }
  
  .row-fluid .post_item .post_text { font-size: 16px; line-height: 25px; }
  .row-fluid .post_item .author_info .author_avatar { width: 75px; height: 75px; }
  .row-fluid .post_item .author_info #hubspot-author_data { font-size: 16px; line-height: 25px; }
  .row-fluid .pagination a { width: 45px; height: 45px; font-size: 24px; line-height: 16px; }
  .row-fluid .social-sharing li a { font-size: 36px; }
  .row-fluid .blog_inner_post .blog-post-wrapper { max-width: 940px; font-size: 18px; line-height: 28px; }
  
  .row-fluid .inner_blog_hero { padding:0px 0 90px; } 
  
  .row-fluid .related_post h2 { font-size: 42px; line-height: 48px; }
  .row-fluid .related_post_area { max-width: 810px; }
  .row-fluid .related_post_area .post_item .author_info_iner span { letter-spacing: 1px; font-size: 14px; line-height: 26px; }
  .row-fluid .related_post_area .post_item .reading-minutes { letter-spacing: 1px; font-size: 14px; line-height: 15px; }
  
  .row-fluid .related_post { padding-bottom: 10px; }     
}

@media (min-width: 1201px) and (max-width: 1400px){ 
  .row-fluid .client-right-content p, .row-fluid .client-right-content ul li { font-size:17px; line-height:26px; }
}
  
@media(max-width: 1600px){
  .row-fluid .banner-section.bgimg-main{padding: 100px 0 0;}
  .row-fluid .banner-form .actions{max-width: 330px;}
  .row-fluid .guide-section{padding-bottom: 70px; }
  .row-fluid .guide-content ul li{padding-left: 40px;font-size: 26px;line-height: 36px;}
  .row-fluid .guide-title h2{font-size: 50px;line-height: 60px;}
  .row-fluid .banner-wrap > div > div{    margin: 0 -70px;}
  .row-fluid .banner-left-content, .row-fluid .banner-right-content{padding: 0 70px;}
  
  .row-fluid .service-wrapper > div > div{margin: 0 -70px;}
  .row-fluid .service-left-section, .row-fluid .service-image{padding: 0 70px;}
  
  .ecommerce-services-wrapper{padding: 150px 0 150px;}
  .ecommerce-marketing-wrapper{padding:100px 0;}
  .ecommerce-services-wrapper{padding: 100px 0;}
}

@media (min-width: 992px) and (max-width: 1200px){
  body { overflow-x:hidden; }
  .row-fluid .wrapper {  width:920px; }
  .row-fluid .leadership_team_area .client_inner h3 {font-size: 28px;line-height: 34px;}
  .row-fluid .client-box { width:25%; }
  .abouthero_content {font-size: 21px;line-height: 1.7;margin-top: -65px;}
  .row-fluid .leadership_team_area .client_position {font-size: 12px;line-height: 28px;letter-spacing: 3px;}
  
  /*-----*/ 
  .row-fluid .abouthero_img { margin-top: 50px; margin-bottom: 20px; } 
  .row-fluid .aboutcore_sldier .aboutcore_backtitle { font-size: 108px;  line-height: 80px; } 
  .row-fluid .ctastrip_section .ctastrip_inner { font-size:20px; }
  .row-fluid .ctastrip_section .ctastrip_text { margin-bottom:32px; }
  
  .row-fluid .leadership_team_area .leadership_team_box { width:33.33%; }
  .row-fluid .leadership_team_area .leadership_team_box .client_img { width: 250px; height: 250px; }
  
  .row-fluid .leadership_team_area .client_info { padding-top: 10px; }
  .row-fluid .leadership_team_area .close_info { right: 0; top: 16px; }
  .row-fluid .leadership_team_area .client_icon { padding-right: 60px; }
  
  .row-fluid .client_services_area .client_services_box { width:25%; }
  .row-fluid .client_services_area .client_box_inner { height: 280px; }
  
  .row-fluid .client_rightside ul{margin: 10px 0 0;}
  .row-fluid .client_rightside ul li {font-size: 16px;padding-left: 35px;}
  .row-fluid .client_rightside ul li:before {width: 19px;height: 15px;}
  .row-fluid .featuredclient_btn a {padding: 6px 15px;letter-spacing: 3px;font-size: 12px;font-weight: 600;}
  .row-fluid .client_rightside h3 { font-size: 26px; line-height: 34px; } 
  .row-fluid .client_rightside h3 {margin: 15px 0 5px;}
  .row-fluid .client_rightside { padding-left:20px; }
  .row-fluid .client_rightside { font-size: 16px; line-height: 25px; }   
  .row-fluid .client_services_area { padding-right:5px; }
  
  .row-fluid .location_box_area .location_box { margin:0 20px; max-width: 417px; }
  .row-fluid .location_box_area .location_box h4 { font-size: 28px; line-height: 34px; margin-left: 10px; letter-spacing: 4px }

  .row-fluid .content_hero .contact_box.current .contact_box_width { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
  .row-fluid .content_hero .conact_title { font-size: 32px; line-height: 40px; letter-spacing: 7px; }
  .row-fluid .emailform_content { padding:70px 0; }
  
  
  .row-fluid .heropost_item .post_header { max-width: 620px; padding:30px 31px 20px; }
  .row-fluid .heropost_item .post_header h2 a { font-size: 28px; line-height: 40px; }
  .row-fluid .heropost_item .featured_title { letter-spacing: 2px; font-size: 18px; padding: 8px 0px; min-width: 160px; line-height: 28px;  }  
  
  .row-fluid .sitesearch_box .hs-search-field form { width:auto; }
  .row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input { width:300px; }
  .row-fluid .category_search_area { padding:50px 0 50px 0; }
  .row-fluid .postfilter_topic { width:100%; margin:0; padding-top:30px; }
  .row-fluid .category_search_area .block .widget-module ul li a { margin:0 8px; padding:5px 15px; font-size: 16px; line-height: 24px; }
  .row-fluid .category_search_area .block { float:left; }
  
  .row-fluid .post_item { width:50%; }
  .row-fluid .post_item .post_header h2 a { font-size: 22px; line-height: 34px; }
  .row-fluid .post_item .post_header { padding:25px 25px 30px; } 
  
  .row-fluid .heropost_item .post_header .heropost_text { font-size: 18px;  line-height: 30px; }
  
  .row-fluid .heropost_cover .slick-dots { bottom:25px; }
  .row-fluid .heropost_cover_area { padding-top: 0; }
  
  .row-fluid .inner_blog_hero .featured_inner { height: 450px; } 
  .row-fluid .blog_inner_post .blog-post-wrapper { padding:40px 40px; max-width: 820px; }
  
  .row-fluid .social-sharing { position: relative; left: 0; top: 0; max-width:100%; }
  .row-fluid .social-sharing li { width:auto; float:left; margin-right:15px; }
  .row-fluid .related_post { padding-bottom: 40px; }
  
  .row-fluid .mobile_view { display:block; }
  .row-fluid .decktop_view { display:none; }
  
  .row-fluid .inner_blog_hero { padding:0px 0 80px; } 
  .row-fluid .blog_inner_post .blog-post-wrapper { margin-top: -90px; top: -40px; }
  
  .row-fluid .client-imgbox{height:280px;}
  .mission-squre .square-box{right:-100px;}
  

}

@media(max-width: 1200px){
  .row-fluid .banner-left-content h1{font-size: 28px;}
  .row-fluid .banner-section.bgimg-main{padding: 80px 0 0;}
  .row-fluid .banner-form input, .row-fluid .banner-form textarea, .row-fluid .banner-form select{height: 50px;}
  .row-fluid .banner-form{padding: 40px 38px;}
  .row-fluid .banner-form .actions input{height: 60px;font-size: 20px;}
  .row-fluid .guide-section{    padding: 370px 0  50px;}
  .row-fluid .guide-content ul li{    font-size: 22px;line-height: 33px;}
  .row-fluid .guide-title h2{font-size: 40px;line-height: 50px;}
  .row-fluid .banner-wrap > div > div{margin: 0 -50px;}
  .row-fluid .banner-left-content, .row-fluid .banner-right-content{padding: 0 50px;}
  .row-fluid .guide-content{    max-width: 780px;}
  
  .row-fluid .service-left-section, .row-fluid .service-image{padding: 0 30px;}
  .row-fluid .service-wrapper > div > div{margin: 0 -30px;}
  .single-ecommerce-logo img{max-width: 190px;width: 100%;}
  
  .ecommerce-services-wrap{    margin: 0 -25px;}
  .single-ecommerce-service{padding: 10px 25px;}
  .ecommerce-marketing-wrap{    margin: 65px -25px 0;}
  .single-marketing{padding: 20px 25px 0;}
  .single-marketing a.marketing-image:before{left: calc(100% - 260px);width: 250px;z-index:9}
  .single-marketing:nth-child(even) a.marketing-image:before{   left: calc(100% - 200px); z-index:9}
  
  .popup-box.fancybox-content{padding: 80px 40px;}
  .popup-box-wrap{    margin: 0 -25px;}
  .popup-image, .client-right-content{width:50%;    padding: 0 25px}
}

@media(max-width: 991px){
  .row-fluid .banner-wrap > div > div{margin: 0 -25px;}
  .row-fluid .banner-left-content, .row-fluid .banner-right-content{padding: 0 25px;}
  .row-fluid .banner-form h3{    margin-bottom: 25px;}
  .row-fluid .banner-form .actions{margin-top:0; }
  .row-fluid .guide-title h2 {font-size: 35px;line-height: 45px;}
  .row-fluid .guide-content > div span{max-width: none;}
  .row-fluid .service-section{    padding: 70px 0 20px;}
  .row-fluid .service-left-section, .row-fluid .service-image{    padding: 0 15px;}
  .row-fluid .service-wrapper > div > div{margin: 0 -15px;}
  .row-fluid .service-title{padding: 30px 0 20px;}
  .row-fluid .service-content{padding: 0 0 45px 0;}
  .row-fluid .ecommerce-logo-wrapper.ctastrip_section, .ecommerce-services-wrapper{padding: 70px 0;}
  .single-ecommerce-service{width: 50%;padding:0 15px;margin:15px 0;}
  .ecommerce-services-wrap{margin: 0 -15px;}
  .single-ecommerce-service:nth-child(odd):after{content: '';position: absolute;right: 0;top: 0;bottom: 0;height: 100%;width: 2px;background: #E9E9E9;}
  .single-ecommerce-service:nth-child(even):after{display:none;}
  .ecommerce-marketing-wrapper{padding: 70px 0;}
  .ecommerce-marketing-wrap{    margin: 50px -15px 0;}
  .single-marketing{padding: 20px 15px 0;}
  .single-marketing h2{margin-bottom: 50px;}
  .single-marketing a.marketing-image:before{left: calc(100% - 242px);bottom: 68px;width: 230px;    width: 200px;}
  .single-marketing:nth-child(even) a.marketing-image:before{left: calc(100% - 191px);top: 35px;}
  
  .popup-box.fancybox-content{padding: 40px 40px;}
  .popup-box-wrap{margin: 0 -15px;}
  .popup-image, .client-right-content{    padding: 0 15px;}
  .client-right-side-image{padding-bottom: 20px;}
  .client-right-side-image img{    max-width: 150px;}
  .client-right-content p{margin-bottom: 20px;}
  .client-right-content ul{margin: 0;}
  
  .service-squre .square-box {top: 10%;left: 0; z-index: -1;transform: scale(.75);}
  .row-fluid .client-section .hs_cos_wrapper_type_header h2 {margin-bottom: 30px;}
}

@media(max-width: 767px){
  .hs-search-results__listing li {width: 100%;}
  .land-box{position:relative;overflow:hidden}
  .ecommerce-service-image img {max-height: 60px;width: auto;}
  .ecommerce-service-image:after {height: 11px;width: 98px;background-size: contain;}
  .row-fluid .banner-left-content h1{font-size: 32px;line-height: 50px;}
  .row-fluid .banner-content span.hs_cos_wrapper {padding: 15px 0 20px;font-size: 16px;line-height: 1.6;}
  .row-fluid .banner-wrap > div > div{display: block;float: none;margin: 0 auto;max-width: 390px;}
  .row-fluid .banner-left-content, .row-fluid .banner-right-content{padding: 0;width:100%; }
  .row-fluid .banner-wrap {text-align: center;}
  .row-fluid .guide-content ul li{    width: 100%; padding-right: 0;}
  .row-fluid .guide-content ul li p{height: auto !important;}
  .row-fluid .guide-wrap{max-width: 390px;margin: 0 auto !important;float: none;}
  .row-fluid .banner-section.bgimg-main:before{top:initial;z-index: 0;bottom: -70px;background-color: transparent;width: 0;height: 0;border-style: solid;border-width: 70px 50vw 0 50vw;border-color: #1f9bc9 transparent transparent transparent;}
  .row-fluid .banner-right-content{display:block;padding:30px  0!important; }
  .row-fluid .banner-section.bgimg-main{overflow:initial;background: #1f9bc9;background-image: none !important;padding-top: 60px;}
  .row-fluid .banner-form .actions input {height:50px;font-size:17px;}
  .row-fluid .banner-form{padding: 40px 25px;}
  .row-fluid .guide-section{padding: 420px 0 50px;}
  .row-fluid .banner-section.bgimg-main{padding: 20px 0 0 !important;}
  .row-fluid .banner-right-content > div > div{max-width: 370px;margin: 0 auto;}
  .row-fluid .section-img{margin: 0 0 0 0px !important;}
  .single-ecommerce-logo{width: 50%;padding: 40px 15px;height: inherit;}
  .ecommerce-logo-wrap{float: left;width: 100%;display: flex;flex-wrap: wrap;}
  .ecommerce-services-wrap{    max-width: 430px;margin: 0 auto;float: none;}
  .row-fluid .ecommerce-strip-wrapper .ctastrip_img , .row-fluid .ecommerce-strip-wrapper .ctastrip_inner{max-width: 430px;    margin: 0 auto;float: none;}
  .ecommerce-marketing-wrapper h4 br{display: block;}
  .ecommerce-marketing-wrap{margin: 50px 0px 0;}
  .single-marketing{width: 100%;}
  .ecommerce-marketing{width: 100%;max-width: 400px;margin: 0 auto;float: none;}
  .single-ecommerce-service{    width: 100%;}
  .single-ecommerce-service:nth-child(odd):after{top: inherit;height: 2px;width: 100%;background: #E9E9E9;}
  .single-ecommerce-service:nth-child(even):after{display:block;top: inherit;height: 2px;width: 100%;background: #E9E9E9; }
  .single-ecommerce-service{padding: 50px 30px 30px;margin: 0;}
  .ecommerce-services-wrapper{padding: 20px 0 40px;}
  .single-marketing:after{    height: 2px;width: 100%;top: inherit;}
  .ecommerce-marketing-wrap h2 a{font-size: 42px;line-height: 52px;}
  .single-marketing{    padding: 60px 0;}
  .single-marketing a.marketing-image:before{right: 15px;bottom: 70px;}
  .single-marketing:nth-child(even) a.marketing-image:before{right: 36px;top: 40px;}
  .row-fluid .service-wrapper > div > div{display: block;    max-width: 400px;margin: 0 auto;float: none;}
  .row-fluid .service-left-section, .row-fluid .service-image{padding: 0;width: 100%;    text-align: center; }
  .row-fluid .ecommerce-logo-wrapper.ctastrip_section{    margin-top: 50px;}
  .row-fluid .service-sub-title:before{left: 80px;}
  .row-fluid .service-image {padding: 40px 0 0px 0;}
  /*.row-fluid .service-sub-title{padding-left: 0;}
  .row-fluid .service-sub-title:before{    left: 0;} */
  .row-fluid .ecommerce-logo-wrapper.ctastrip_section{padding: 30px 0;}
  .ecommerce-marketing-wrapper{padding: 50px 0 0;}
  .ecommerce-marketing-wrap{margin: 0; }
  .single-marketing{padding: 40px 0 30px;}
  .ecommerce-service-content h3{padding: 30px 0 25px;}
  .single-marketing a.marketing-image:before{    right: 0;bottom: 70px;left: 140px;}
  .single-marketing:nth-child(even) a.marketing-image:before{right: 16px;top: 40px;left: inherit;}
  
  .header-container  { position:relative; z-index:99999; }
  
  .social-sharing.mobile_view {float: left;width: 100%;}
  .social-share {float: left;width: 100%;position: relative;height: 22px;width: 34px;color: #50cccc;display: flex;align-items: center;justify-content: center;border-radius: 10px;margin-right: 15px;cursor: pointer;font-size: 35px;top: -7px;    left: -15px;    z-index: 3;}
  .social-sharing.mobile_view  ul.share-buttons.open:before {content: '';position: absolute;left: -56px;right: 0;width: 100%;height: 100%;background: #555555;z-index: -1;height: 52px; bottom: 5px;}
  .social-share:before{content:'\f1e1'; position:absolute;font-family: fontawesome; }
  .social-sharing.mobile_view {position: relative;}
  .social-sharing.mobile_view  ul.share-buttons {position: absolute;z-index: -1;left: 40px;transition: ease .5s;opacity: 0;visibility: hidden;width:100%; }
  .social-sharing.mobile_view  ul.share-buttons.open{left: 56px; z-index: 2;  transition: ease .5s;opacity: 1;visibility: visible; }
  .social-sharing.mobile_view ul.share-buttons li {position: relative;top: -13px;}
  .row-fluid .client-imgbox{height: 280px;}
  .single-ecommerce-logo img {max-width: 115px;vertical-align: middle;}
  .left-position .right.feature-box .square-box { bottom: 0 !important; right: 0 !important; }  
  .row-fluid .ctastrip_section {margin-top: 40px;padding: 20px 0;}
  .row-fluid .blog_hero .bloghero_inertitle h1{font-size: 40px;}
  .row-fluid .guide-content ul li {font-size: 18px;line-height: 29px;}
  .ecommerce-service-content h3 {font-size: 24px;line-height: 33px;}
  .ecommerce-service-content p {padding: 0 0 20px 0;}
  .header-container-wrapper .footer-socialicon {padding: 10px;}
  .header-container-wrapper .footer-socialicon a {width: auto;}
}

@media (min-width: 768px) and (max-width: 991px){
  .hs-search-results__listing li {width: 50%;}
  #hs_cos_wrapper_module_15586964331571055 {padding-left: 20px !important;padding-top: 20px !important;}
  body { font-size:18px; line-height:26px; }
  .row-fluid .wrapper {  width:720px; }
  .span12.widget-span.widget-type-cell.clienthero_content.animatedParent.animateOnce .span7,
  .span12.widget-span.widget-type-cell.clienthero_content.animatedParent.animateOnce .span5{width:100%;margin:15px 0}
  .row-fluid .client-box {width:25%;}
  .row-fluid .client-wrap {margin-bottom: 30px;}
  .row-fluid .client-section .green-btn a {padding: 12px 30px;}
  .row-fluid .cta-stripbox br { display:none; }
  
  .row-fluid .client_rightside h3 {margin: 15px 0 5px;font-size: 32px;line-height: 44px;}
  .row-fluid .client_rightside ul{margin: 10px 0 0;}
  .row-fluid .client_rightside ul li {font-size: 16px;padding-left: 35px;}
  .row-fluid .client_rightside ul li:before {width: 19px;height: 15px;}
  /*---*/
  .ecommerce-service-image img {max-height:60px;width:auto;}
  .row-fluid .clientdetail_next a h4:after {top: 2px;width: 15px;height: 15px;background-size: 15px;}
  .row-fluid .about_hero { padding:80px 0; }
  .row-fluid .abouthero_img { margin-top: 50px;  } 
  .row-fluid .aboutcore_sldier .aboutcore_backtitle { font-size: 108px; line-height: 70px; }
  .row-fluid .ourhistory_section { padding:80px 0; }
  .row-fluid .ourhistory_section .ourhistory_cover { font-size: 20px; line-height: 34px; }
  .row-fluid .clientdetail_nextprev a h4{margin-bottom:10px;font-size: 14px;}
  .row-fluid .ctastrip_section .ctastrip_inner { padding-left: 20px; font-size: 16px; line-height: 30px; }
   
  .row-fluid .leadership_team_area .leadership_team_box { width:50%; margin-bottom:50px; }
  .row-fluid .leadership_team_area .leadership_team_box .client_img { width: 250px; height: 250px; }
    
  .row-fluid .leadership_section .Leadership_title_cover { margin:20px auto 50px; }
  .row-fluid .leadership_team_area .client_iner_conent { padding-left: 30px; }
  .row-fluid .leadership_team_area .person_bio { font-size: 18px; line-height: 28px; }
  
  .row-fluid .leadership_team_area .client_conent { width:100%; }
  .row-fluid .leadership_team_area .client_icon { width:100%; text-align:left; margin-top:20px; }
  .row-fluid .leadership_team_area .client_icon_cover {float:left; }
  .row-fluid .leadership_team_area .client_info { padding-top: 0; }
  
  .row-fluid .leadership_team_area .close_info  { right: 0; top: 0; }
  .row-fluid .leadership_section { padding:80px 0 30px 0; }
  
  .row-fluid .client_services_area .client_services_box { width:33.33%; }
  .row-fluid .client_services_area .client_box_inner { height: 310px; }
  
  .row-fluid .featuredclient_btn a { padding:10px 15px; letter-spacing: 3px; }
  .row-fluid .client_rightside h3 { font-size: 34px; line-height: 38px; } 
  .row-fluid .client_rightside { padding-left:20px; }
  .row-fluid .client_rightside { font-size: 16px; line-height: 25px; }   
  .row-fluid .client_services_area { padding-right:5px; }

  .row-fluid .location_box_area .location_title_icon { max-width: 20px; }
  .row-fluid .location_box_area .location_box  { margin:0 10px; max-width: 338px; } 
  .row-fluid .location_box_area .location_box h4 { font-size: 26px; line-height: 36px; letter-spacing: 3px; margin-left: 10px; } 
  .row-fluid .location_box_area .location_box .location_box_img { height: 340px; }
  
  .row-fluid .content_hero { padding:60px 0 120px; }
  .row-fluid .content_hero .content_hero_title { margin:50px 0; }
  .row-fluid .content_hero .content_hero_title h1 { font-size: 42px;  line-height: 50px; }
  .row-fluid .content_hero .conact_title { font-size: 22px; line-height: 36px; letter-spacing: 5px; }  
  .row-fluid .content_hero .contact_box_width:after { width: 23px; height: 40px; }
  .row-fluid .content_hero .contact_box_width:before { width: 23px; height: 36px; }
  .row-fluid .content_hero .contact_icon { min-height: 70px; } 
  .row-fluid .content_hero .contact_icon img { float:none; display:inline-block; }
  
  .row-fluid .emailform_content h2 { max-width:700px; }
  .row-fluid .emailform_content form { max-width:700px; }
  .row-fluid .meeting_form .meeting_form_code { max-width:700px; }
  .row-fluid .tab_content .close_btn { right:40px; }
  .row-fluid .emailform_content { padding:70px 0; }
  .row-fluid .content_hero .contact_box.current .contact_box_width  { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
  .row-fluid .hs_message .input { margin-right:0 !important; } 
  .row-fluid .location_box_area .location_box h4:after { display:none; }
  
  
  .row-fluid .heropost_item .post_header { max-width: 620px; padding:30px 31px 20px; }
  .row-fluid .heropost_item .post_header h2 a { font-size: 28px; line-height: 40px; }
  .row-fluid .heropost_item .featured_title { letter-spacing: 2px; font-size: 18px; padding: 8px 0px; min-width: 160px; line-height: 28px;  }  
  
  .row-fluid .sitesearch_box .hs-search-field form { width:auto; }
  .row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input { width:300px; }
  .row-fluid .category_search_area { padding:50px 0 50px 0; }
  .row-fluid .postfilter_topic { width:100%; margin:0; padding-top:30px; }
  .row-fluid .category_search_area .block .widget-module ul li a { margin:0 8px; padding:5px 15px; font-size: 16px; line-height: 24px; }
  .row-fluid .category_search_area .block { float:left; }
  
  .row-fluid .post_item { width:50%; }
  .row-fluid .post_item .post_header h2 a { font-size: 22px; line-height: 34px; }
  .row-fluid .post_item .post_header { padding:25px 25px 30px; } 
  
  .row-fluid .heropost_cover .slick-dots { padding: 30px 0 30px; position: relative; bottom: 0;  }
  .row-fluid .heropost_cover_area { padding-top: 0; }
   
  .row-fluid .inner_blog_hero { padding:0px 0 30px; }
  .row-fluid .inner_blog_hero .featured_inner {  height: 400px; }
  .row-fluid .blog_inner_post .blog-post-wrapper { padding:30px 40px; top:0; }
  .row-fluid .related_post h2 { font-size: 40px; line-height: 50px; }
  
  .row-fluid .post_item .author_info #hubspot-author_data .author-link { font-size: 16px; }
  .row-fluid .post_item .author_info #hubspot-author_data  { font-size: 16px; line-height:16px; margin-bottom:10px; }
  .row-fluid .post_item .author_info .author_info_iner { padding-left: 10px; }
  .row-fluid .related_post_area .post_item .author_info_iner span { margin-bottom:6px; }
  
  .row-fluid .social-sharing { position: relative; left: 0; top: 0; max-width:100%; }
  .row-fluid .social-sharing li { width:auto; float:left; margin-right:15px; }
  .row-fluid .related_post { padding-bottom: 40px; }
  
  .row-fluid .mobile_view { display:block; }
  .row-fluid .decktop_view { display:none; }
  
  .land-box .square-box{top: -4%;right: -18%;}
  .row-fluid .banner-content span.hs_cos_wrapper {font-size: 16px;line-height: 1.6;}
    
}
@media (min-width: 768px) and (max-width: 991px){
  .mobile-main .mobile-slider, .mobile-main .mobile-static-load { height: 530px; padding-top: 28px; margin-left: 35px;}
  .mobile-main .mobile-slider .mobile-slide img, .mobile-main .mobile-static-load .mobile-slide img { height: 500px;max-width: 277px; top: 0; left: 43px;padding-left: 15px;padding-right: 15px;padding-top: 15px;}
  .mobile-main { margin-top: 25px; margin-bottom: -33px;}
  .row-fluid .banner-right-content{padding-bottom: 90px !important;}
  .row-fluid .banner-section.bgimg-main{padding: 60px 0 0;}
  .row-fluid .banner-form{padding:25px;margin-top:40px}
  body{font-size:16px;}
  h1,.h1 { font-size:40px;line-height: 1.5;}
  h2 { font-size:28px;line-height:36px;}
  h3 { font-size:22px;line-height:34px;}
  h4 { font-size:24px;line-height:28px;}
  h5 { font-size:24px;line-height:30px;}
  h6 { font-size:20px;line-height:26px;}
  .home .row-fluid .feature-img:after {left: -1px;width: 135px;height: 7px;bottom: 75px;}
  
  .square-box {float: left;width: 150px;height: 150px;}
  .square-box svg {height: 7px;width: 7px;}
  .herotitle_slider {min-height: 60px;}
  .home .row-fluid .hero-section .wrapper { width:720px; }
  .row-fluid .wrapper {width: 720px;}
  .row-fluid .cta-stripsec .wrapper {width: 720px;}
  .row-fluid .blog-feedsec .wrapper {width: 720px;}
  .row-fluid .feature-box .wrapper { width: 720px; }
  #marketing .full-width, #ecommerce .full-width, #integration .full-width{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
  #marketing .full-width .feature-textbox, #ecommerce .full-width .feature-textbox, #integration .full-width .feature-textbox {align-self: center;}
  .row-fluid .feature-box.right .feature-img {order: 2;}
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li { margin:0 10px; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited { font-size:16px; line-height:24px; letter-spacing:0.5px; padding:15px 10px; }
  .row-fluid .top .logo { margin-top:9px; }
  
  .row-fluid .hero-section { padding:80px 0 100px; }
  .row-fluid .hero-richtext { margin:30px 0 40px; }
  .row-fluid .green-btn a, .row-fluid a.green-btn, .row-fluid .blue-btn a, .row-fluid a.blue-btn { min-width:150px; font-size:16px; line-height:26px; padding:10px 15px; border-radius:4px; }

  .row-fluid .client-section { padding:30px 0; }
  .row-fluid .client-wrap { text-align:center; }
  .row-fluid .client-box { float:left; display:inline-block; vertical-align:top; margin:0; }
  .row-fluid .client-imgbox{height: 180px;}
  
  .row-fluid .feature-box { padding:50px 0; }
  .row-fluid .feature-textbox { padding-left:30px; }
  .row-fluid .feature-textbox .richtext { margin:20px 0 35px; line-height:30px;line-height: 24px;font-size: 14px;}
  .row-fluid .option-title h4 { font-size:18px; line-height:24px; }
  .row-fluid .feature-option{margin-bottom:35px;padding-left: 60px;}
  .row-fluid .feature-box.right .feature-textbox { padding:0 20px; }
  
  .row-fluid .blog-feedsec { padding:70px 0; }
  .row-fluid .blog-feedcol { width:50%; padding:0 15px 30px; }
  .row-fluid .blog-feedwrap { margin-bottom:40px; }
  
  .row-fluid .subscribe-section h3.form-title { width:35%; }
  .row-fluid .subscribe-section h3.form-title + div { width:45%; }
  
  .ecommerce-service-content h3{font-size:21px;line-height:34px;padding: 25px 0 15px;}
  .ecommerce-marketing-wrap h2 a {font-size:30px;line-height:40px;}
  .single-marketing h2 a{font-size: 42px;line-height: 52px;}
  
  .popup-image, .client-right-content { text-align:left; }
  
  .row-fluid .client-wrap{padding:0 4px;} 
  .row-fluid .client-box{padding:3px 4px;}
  .mobile-main .mobile-slider .mobile-slide img, .mobile-main .mobile-static-load .mobile-slide img { left: 11px; } 
  .option-icon img {width: 35px;}
  .row-fluid .cta-stripbox {padding: 20px 0;}
}

@media (min-width: 992px) and (max-width: 1279px){
  body{font-size:16px;}
  h1,.h1 { font-size:40px;line-height: 1.5;}
  h2 { font-size:38px;line-height:46px;}
  h3 { font-size:22px;line-height:34px;}
  h4 { font-size:24px;line-height:28px;}
  h5 { font-size:24px;line-height:30px;}
  h6 { font-size:20px;line-height:26px;}
  .ecommerce-service-image img {max-height:60px;width:auto;}
  .service-image.service-squre .hs-image-widget{width:100% !important;max-width:440px;}
  .row-fluid .leadership_team_area .leadership_team_box {width:33.33%; }
  .row-fluid .leadership_team_area .leadership_team_box .client_img {width: 250px;height: 250px;}
  .single-ecommerce-logo img {max-width: 140px; vertical-align: middle;}
  .row-fluid .service-title {padding:20px 0 30px;}
  .row-fluid .service-content {padding: 0 0 30px 0;}
  .row-fluid .ctastrip_section{padding:30px 0;}
  .ecommerce-services-wrapper {padding: 70px 0 100px;}
  .mobile-main .mobile-slider, .mobile-main .mobile-static-load {height: 580px; max-width: 277px;padding-left: 15px;padding-right: 15px; padding-top: 30px;}
  .square-box {float: left;width: 150px;height: 150px;}
  .row-fluid .clientdetail_nextprev a h4{font-size: 16px;margin-bottom: 15px;}
  .row-fluid .clientdetail_nextprev a h3{font-size: 28px;}
  .square-box svg {height:7px;width:7px;}
  .herotitle_slider {min-height:60px;}
  .home .row-fluid .hero-section .wrapper { width:900px; }
  .row-fluid .wrapper {width:900px;}
  .row-fluid .cta-stripsec .wrapper {width: 900px;}
  .row-fluid .blog-feedsec .wrapper {width: 900px;}
  .row-fluid .feature-box .wrapper { width: 900px; }
  #marketing .full-width, #ecommerce .full-width, #integration .full-width{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
  #marketing .full-width .feature-textbox, #ecommerce .full-width .feature-textbox, #integration .full-width .feature-textbox {align-self: center;}
  .row-fluid .feature-box.right .feature-img {order: 2;}
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li { margin:0 10px; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited { font-size:16px; line-height:24px; letter-spacing:0.5px; padding:25px 10px; }
  .row-fluid .top .logo { margin-top:9px; }
  
  .row-fluid .hero-section { padding:80px 0 100px; }
  .row-fluid .hero-richtext { margin:30px 0 40px; }
  .row-fluid .green-btn a, .row-fluid a.green-btn, .row-fluid .blue-btn a, .row-fluid a.blue-btn { min-width:150px; font-size:16px; line-height:26px; padding:10px 15px; border-radius:4px; }

  .row-fluid .client-section { padding:50px 0; }
  .row-fluid .client-wrap { text-align:center; }
  .row-fluid .client-box { float:left; display:inline-block; vertical-align:top; margin:0; }
  .row-fluid .client-imgbox { height:300px; }
  
  .row-fluid .feature-box { padding:80px 0; }
  .row-fluid .feature-textbox { padding-left:30px; }
  .row-fluid .feature-textbox .richtext { margin:20px 0 35px; line-height:30px; }
  .row-fluid .option-title h4 { font-size:18px; line-height:24px; }
  .row-fluid .feature-option{margin-bottom:35px;padding-left: 60px;}
  .row-fluid .feature-box.right .feature-textbox { padding:0 20px; }
  
  .row-fluid .blog-feedsec { padding:70px 0; }
  .row-fluid .blog-feedcol { width:50%; padding:0 15px 30px; }
  .row-fluid .blog-feedwrap { margin-bottom:40px; }
  
  .row-fluid .subscribe-section h3.form-title { width:35%; }
  .row-fluid .subscribe-section h3.form-title + div { width:45%; }
  
  .ecommerce-service-content h3{font-size:24px;line-height:34px;padding: 30px 0 20px;}
  .ecommerce-marketing-wrap h2 a {font-size:30px;line-height:40px;}
  .single-marketing h2 a{font-size: 42px;line-height: 52px;}
  
  .popup-image, .client-right-content { text-align:left; }
  
  .row-fluid .client-wrap{padding:0 4px;} 
  .row-fluid .client-box{padding:3px 4px;}
  .mobile-main .mobile-slider .mobile-slide img, .mobile-main .mobile-static-load .mobile-slide img {left:0; } 
  .option-icon img {width:35px;}
  .row-fluid .cta-stripbox {padding:20px 0;}
  .left-position .right.feature-box .square-box {left: auto;bottom: 23px;right: -80px;z-index: 99;}
  .home .row-fluid .feature-img:after {left: -44px;width: 230px;height: 12px;max-width: 100%;background-size: 100% !important;bottom: 68px;}
  .home .row-fluid .e-commerce .feature-img:after {bottom: 50px;left: -30px;width: 230px;height: 12px;background-size: 100% !important;}
  .row-fluid .banner-left-content h1 {font-size: 32px;}
  .row-fluid .banner-form h3 {font-size:25px;line-height:35px;margin-bottom:20px;}
  .row-fluid .banner-form {padding: 40px 35px;margin-top:50px}
  .row-fluid .banner-form input, .row-fluid .banner-form textarea, .row-fluid .banner-form select {height: 50px;}
  .row-fluid .banner-form .actions input {height: 50px;font-size: 17px;}
  .row-fluid .banner-form .actions {max-width: 85%;margin:0 auto}
  .row-fluid .banner-left-content, .row-fluid .banner-right-content {padding: 0 45px;}
  .row-fluid .guide-section {padding: 33% 0 80px;}
  .ecommerce-service-image img {max-height:60px;width:auto;}
  .row-fluid .banner-content span.hs_cos_wrapper {font-size: 18px;}
  .row-fluid .mainmenu ul>li>ul {min-width: 250px !important;padding: 15px 0 !important;}
  .row-fluid .mainmenu ul>li>ul>li>a {font-size: 16px !important;padding: 10px 20px !important;}
}

@media (min-width: 768px){
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li.active > a:before,
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li.active-branch > a:before {width: 100%;}
  
  .home .row-fluid .mainmenu .hs-menu-wrapper > ul > li.active > a:before,
  .home .row-fluid .mainmenu .hs-menu-wrapper > ul > li.active-branch > a:before {width: 0;}
  
  .row-fluid .mobile-social { display:none; }
  a.mobile-trigger, span.child-triggerm {display: none !important; /* Hide button on Desktop */}
  .row-fluid .mainmenu .hs-menu-wrapper {display: block !important;}
  
  .row-fluid .mainmenu ul > li > ul { width:auto; min-width:300px; background:#377FBF; padding:25px 0; }
  .row-fluid .mainmenu ul > li > ul > li { line-height:0; }
  .row-fluid .mainmenu ul > li > ul > li:hover { background:#fff; }
  .row-fluid .mainmenu ul > li > ul > li:last-child { border-bottom:0; }
  .row-fluid .mainmenu ul > li > ul > li > a { color:#fff; font-size:21px; font-weight:500; text-transform:none; padding:14px 20px; line-height:27px; white-space:normal !important; letter-spacing:0.5px; }
  .row-fluid .mainmenu ul > li > ul > li:hover > a {color:#555555;}
  .home.ecommerce .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > a:before,
  .home.marketing .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > a:before,
  .home.integration .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > a:before,
  .home.clients .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > a:before,
  .client-pages .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > a:before,
  .service-sub-page .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > a:before,
  .clients_detail_page .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > a:before {position:absolute;content:"";height:10px;width:100%;bottom:0;left:0;background:#377fbf;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s;-ms-transition:all ease .5s;transition:all ease .5s;}
  .row-fluid .mainmenu .hs-menu-wrapper>ul>li:hover>a:before {width: 100% !important}
  .row-fluid .banner-left-content .section-img img{max-width:85%}
}
.row-fluid .top { -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; }
body.fixed .row-fluid .top { position:fixed; top:0; left:0; width:100%; float:left; z-index:9999999999; -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -ms-transition: all ease .5s;
    transition: all ease .5s;; }

@media (min-width: 30px) and (max-width: 767px){
  h1,.h1{font-size:30px;line-height:45px;}
  h2{font-size:29px;line-height:38px;}
  h3{font-size:20px;line-height:30px;}
  h4{font-size:18px;line-height:28px;}
  h5{font-size:24px;line-height:30px;}
  h6{font-size:20px;line-height:26px;}
    
  body{ font-size:16px;line-height:24px;}
  HTML-1569645327879-124993891890626{ overflow-x:hidden;}
  .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; }
  .home .row-fluid .hero-section .wrapper {width: 100%;}
  .row-fluid .cta-stripsec .wrapper {width: 100%;}
  .row-fluid .top { padding:10px 15px; }
  .row-fluid .top .logo { margin:0; }
  .row-fluid .top .logo img { max-width:180px !important; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li { margin:0; float:left !important; width:100% !important; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited { font-size:16px; line-height:22px; color:#fff; padding:15px 15px; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:hover { color:#A7CB00; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:before { display:none; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul { display:block; float:left; width:100%; /* background:#A7CB00; */  background: transparent; }
   .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li { float:left; width:100%; /* border-bottom: 1px solid #5f8ab5; */ } 
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { font-size:16px; line-height:22px; color:#fff; padding:15px 15px; text-indent:15px; }
/*   .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li > a:hover { color:#377FBF; } */
  
  .row-fluid .service-image{flex-direction:column;}
  
  .row-fluid .hero-section{padding:0;background-image:none !important;text-align:center;}
  .row-fluid .hero-section .wrapper{padding:30px 15px 50px; }
  .row-fluid .mobile-heroimg{display:block;}
  .row-fluid .mobile-heroimg img{width:100% !important;}
  .row-fluid .hero-richtext{margin:10px 0 20px;}
  .row-fluid .green-btn a, .row-fluid a.green-btn, .row-fluid .blue-btn a, .row-fluid a.blue-btn{font-size:18px;line-height:22px;padding:12px 15px;border-radius:4px;min-width:230px;}
  .row-fluid .hero-section .green-btn { padding-right:0; padding-bottom:10px; }
  .row-fluid .hero-section .hero-cta { width:100%; float:left; }
  .row-fluid .mobile-slider, .row-fluid .mobile-static-load { float:none; display:inline-block; margin:0; }
  
  .body-container-wrapper { margin:55px 0 0 0 !important; } 
  
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li.hs-menu-depth-2 > a { position:relative; padding-left: 45px; } 
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li.hs-menu-depth-2 > a:after { color: #A7CB00; position:absolute; left:23px; top:14px; content: "\f105"; font-family:fontAwesome; }
  
  .row-fluid .client-section .green-btn a {padding: 15px 30px;}
  .row-fluid .client-section { padding:50px 0;background-color:#fff !important; position: relative; z-index: 99; }
  .row-fluid .client-section .hs_cos_wrapper_type_header h2 { margin-bottom:40px; }
  .row-fluid .client-box { width:50%; padding:4px; }
  .row-fluid .client-imgbox { height:250px; }
  .row-fluid .client-wrap { margin-bottom:40px; }
  
  .row-fluid .feature-box { padding:50px 0; text-align:center; }
  .row-fluid .feature-textbox { padding-left:0; width:100%; margin:0; }
  .row-fluid .feature-textbox .richtext { margin:15px 0 25px; line-height:26px; }
  .row-fluid .feature-option { padding:0 0 30px; text-align:center; margin:0; }
  .row-fluid .option-icon { position:relative; top:auto; left:auto; transform:none; margin-bottom:5px; }
  .row-fluid .option-icon img {width: 30px;}
  .row-fluid .feature-img { width:100%; margin:0; }
  .row-fluid .feature-box.right .feature-textbox { padding:0; }
  
  .row-fluid .cta-stripbox { text-align:center;padding: 20px 0; }
  .row-fluid .cta-stripbox .cta-title, .row-fluid .cta-stripbox.cta-left .cta-title { float:left; width:100%; margin:0; }
  .row-fluid .cta-stripbox .cta-btn, .row-fluid .cta-stripbox.cta-left .cta-btn {float:left; width:100%; margin:15px 0 0; }
  
  .row-fluid .blog-feedsec { padding:50px 0; }
  .row-fluid .blog-feedcol { width:550px; max-width:100%; padding:0 0 30px; float:none; display:inline-block; vertical-align:top; text-align:left; }    
  .row-fluid .blog-feedcol:hover .blog-feedcolinner { transform:none; }
  .row-fluid .blog-feedwrap { margin:18px 0 10px; text-align:center; }
  
  .row-fluid .subscribe-section h3.form-title { width:100%; margin-bottom:10px;font-size:18px;line-height:20px;color: #333;}
  .row-fluid .subscribe-section h3.form-title + div { width:100%;  }
  .row-fluid .subscribe-section form { padding-right:45px; width:450px; max-width:100%; float:none; display:inline-block; vertical-align:top; }
  .row-fluid .subscribe-section form .hs_submit { top:5px; left:auto; right:0; }
   
  /* Footer */
  .row-fluid .mobile-hero { display: block; }
  .row-fluid .mobile-hero { display: block; overflow: hidden; background-position: right !important; padding-top: 80px;}
  .mobile-main {  display: table; width: 100%;}
  .row-fluid .mobile-main .mobile-slider, .row-fluid .mobile-main .mobile-static-load { height: 306px; float: left; max-width: 240px; padding-top:16px; }
  .mobile-main .mobile-slider .mobile-slide img, .mobile-main .mobile-static-load .mobile-slide img { height: 270px; max-width: 140px; top: 0; left: 50px;}
  
  /**/
  .row-fluid .mainmenu .hs-menu-wrapper > ul {  width: 100%; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > ul > li > a:hover { color: #A7CB00; }
  
  /*-----*/
  .row-fluid .about_hero { padding:50px 0; }
  .row-fluid .about_hero .hero_sub_title { width:auto; float:none; display:inline-block; margin-bottom:60px; }
  .row-fluid .abouthero_img { margin-top:50px; margin-bottom:15px; }  
  .row-fluid .aboutcore_sldier .aboutcore_backtitle { font-size: 38px; line-height: 70px; letter-spacing: 12px; text-align: center; }
  .row-fluid .aboutcore_sldier .aboutcore_box h2:before { width: 40px; height: 23px; }
  .row-fluid .aboutcore_sldier .aboutcore_box h2:after { width: 23px; height: 40px; }
  .row-fluid .aboutcore_sldier { padding:50px 0; }  
  .row-fluid .aboutcore_sldier h3 { font-size: 24px; line-height: 30px; }
  
  .row-fluid .ourhistory_section { padding:60px 0; }
  .row-fluid .ourhistory_section .history_title { float: none; margin: 0 auto 30px; width: auto; max-width: 300px; }
  .row-fluid .ourhistory_section .ourhistory_cover { font-size: 18px; line-height: 30px; }
  .row-fluid .ourhistory_section .ourhistory_cover span span { font-size: 22px; line-height: 38px; }
  
  .row-fluid .ctastrip_section .ctastrip_inner { width:100%; padding:0; }
  .row-fluid .ctastrip_section .ctastrip_text { margin-bottom:30px; font-size: 20px; line-height: 30px; }
  .row-fluid .ctastrip_section { text-align:center; padding:30px 0 30px; }
  .row-fluid .ctastrip_section .ctastrip_img {float: none; margin: -40px auto 0; display: table;  max-width: 250px; position: relative;padding-bottom:10px}
  .row-fluid .ctastrip_section:before { width:70px; }
  
  /*----*/
  .row-fluid .leadership_section { padding:60px 0 0; }
  .row-fluid .leadership_team_area .leadership_team_box { width:100%; padding:0; }
  .row-fluid .leadership_section .section_teamtitle { float: none; margin: 0 auto; max-width: 250px; }
  .row-fluid .leadership_section .Leadership_title_cover h2 { margin-bottom:20px; margin-top: 30px; }
  .row-fluid .leadership_section .Leadership_title_cover { font-size: 20px; line-height: 30px; margin-bottom: 50px; }
  .row-fluid .leadership_team_area .client_img { width: 250px; height: 250px; }
  
  .row-fluid .leadership_team_area .client_info { margin-top:30px; padding-top:0; }
  .row-fluid .leadership_team_area .client_info .client_inerimg { width:100%;  }
  .row-fluid .leadership_team_area .client_iner_conent  { width:100%; padding:0 0 0; }
  
  .row-fluid .leadership_team_area .client_conent { width:100%; }
  .row-fluid .leadership_team_area .client_icon { width:100%; margin-top:10px; text-align:left; }
  .row-fluid .leadership_team_area .client_icon_cover { float:left; }
  .row-fluid .leadership_team_area .person_bio { margin-bottom:20px; }
  .row-fluid .leadership_team_area .client_link { font-size:24px; }
    
  .row-fluid .wrap-div { margin-bottom:30px; }
  .row-fluid .leadership_team_area .close_info { right: 0px; top: 10px; max-width: 23px; }
  .row-fluid .leadership_team_area .client_conent { margin-bottom:20px; }
  .row-fluid .leadership_team_area .client_info .client_inerimg {  margin-bottom:20px; }
   
  .row-fluid .leadership_team_area .client_inner { float:none; margin: 0 auto; max-width: 310px; }
  .row-fluid .aboutcore_sldier:before {top:-7px;width:90px;height:6px;}
  .row-fluid .leadership_team_area .client_position { letter-spacing: 3px;}
  
  .row-fluid .blog-feedcolinner .post-date{font-size:12px;line-height:16px;margin:5px 0 10px;}
  
  /*---*/
  .row-fluid .client_top_titles > div > div { display:block; }
  .row-fluid .client_hero { padding:50px 0; }
  .row-fluid .client_hero .client_hero_title { float: none; margin: 0 auto; max-width: 330px; width: auto; }  
  .row-fluid .client_hero h1 { text-align:center; margin-top: 30px; }
  .row-fluid .client_rightside { padding-left:0; width:100%; float:left; margin-top:30px; }
  .row-fluid .featuredclient_btn a { padding: 6px 13px; letter-spacing: 2px; font-size: 15px; line-height: 20px;  }  
  .row-fluid .client_rightside h3 { font-size: 34px; line-height: 40px; margin:20px 0 0; } 
  .row-fluid .client_rightside { font-size: 16px; line-height: 24px; }
  
  .row-fluid .client_services_area .client_services_box{width:50%;float:left;} 
  .row-fluid .client_services_area .client_box_inner {height: 280px;}
  .row-fluid .client_services_area .client_box_inner:after { width: 90px; height: 90px; }
  .row-fluid .client_services_area { padding-right:5px; }
  
  .row-fluid .clientdetail_nextprev .clientdetail_prev { padding-right: 20px; }
  .row-fluid .clientdetail_nextprev .clientdetail_next { padding-left: 20px; }
  .row-fluid .clientdetail_nextprev a h4 { font-size: 12px; line-height: 22px; letter-spacing: 2px; margin-bottom: 6px; }
  .row-fluid .clientdetail_nextprev a h3 { font-size: 18px; line-height: 32px; }
  .row-fluid .clientdetail_next a h4:after { width:14px; height:14px; background-size: 100%; }
  .row-fluid .clientdetail_prev a h4:before { width:14px; height:14px; background-size: 100%; }
  .row-fluid .clientdetail_nextprev:before { width: 80px; }
  
  .row-fluid .leadership_team_area .client_info .client_inerimg img { width:100% !important; }
  
  .row-fluid .location_box_area h2 { margin:50px 0; }
  .row-fluid .location_box_area .location_box { width:100%; margin:0 0 30px; }
  .row-fluid .location_box_area .location_box h4 {  font-size: 22px; line-height: 35px; }
  .row-fluid .location_box_area .location_box .location_box_img { height:300px; margin:20px 0; }
  .row-fluid .location_box_area { padding:80px 0 50px; }
  
  /*----*/
  .row-fluid .content_hero { padding:60px 0 100px; }
  .row-fluid .content_hero .content_hero_title { margin:70px 0 50px; }
  .row-fluid .content_hero .content_hero_title h1 { font-size: 60px; line-height: 60px; }
  .row-fluid .content_hero .contact_box { margin-bottom:50px; }
  .row-fluid .content_hero .contact_box_width { max-width: 250px; width:100%; }
  .row-fluid .content_hero .conact_title { font-size: 28px; line-height: 38px; letter-spacing: 6px; }
  .row-fluid .content_hero:after { width: 90px; }
  .row-fluid .content_hero .contact_box_width:before { display:none; } 
  .row-fluid .content_hero .contact_icon { min-height: 70px; }
  .row-fluid .content_hero .content_sub_hero { max-width: 300px; float: none; margin: 0 auto; }
  
  .row-fluid .emailform_content { padding:70px 0; }   
  .row-fluid .emailform_content h2 { font-size: 20px; line-height: 28px; letter-spacing: 3px; }
  .row-fluid .tab_content .close_btn  { right: 10px; top: -56px; width: 26px; height: 28px; }
  .row-fluid .emailform_content form .hs-button { float:none; display:inline-block; }
  .row-fluid .tab_content#contact_tab2 .close_btn { top: -36px; }
  
  /*----*/ 
  .row-fluid .blog_hero .bloghero_inertitle > div > div { display:inherit; text-align:center; }
  .row-fluid .heropost_cover_area { padding-top:0; }
   
  .row-fluid .blog_hero .insight_hero_title { max-width: 270px; margin: 0 auto 20px; float: none; }
  .row-fluid .heropost_item { text-align:center; }
  .row-fluid .heropost_item .post_header { padding:40px 18px 20px; margin-top:-20px; max-width: 440px; float: none; display: inline-block; text-align:left; }
  .row-fluid .heropost_item .post_header .heropost_text { display:none; }
  .row-fluid .heropost_item .auhot_info { margin-top:30px; } 
  .row-fluid .heropost_item .featured_title { letter-spacing: 3px; font-size: 16px; line-height: 24px; right: 30px; top: -18px; padding: 7px 10px; min-width: 140px; }
  .row-fluid .heropost_item .post_header h2 a { font-size: 24px; line-height: 34px; }
  
  .row-fluid .heropost_item .auhot_info .hs-author-avatar { width:60px; height:60px; }
  .row-fluid .heropost_item .auhot_info .reading-minutes { letter-spacing: 0; font-size: 14px; line-height: 24px; }  
  .row-fluid .heropost_item .auhot_info .auhot_info_inner { padding-left: 10px; } 
  .row-fluid .heropost_item .more_link { width: 65px; height: 65px; }
  .row-fluid .heropost_item .featured_image { height: 210px; }
  
  .row-fluid .category_search_area .block { display:none; }
  .row-fluid .heropost_cover .slick-dots { width:100%; padding:20px 0 25px; max-width: 236px; float: none; margin: 0 auto; position:relative; bottom:0; }
  .row-fluid .post-listing { width:100%; float:left; margin:0; text-align:center; }
  .row-fluid .post_item { width:100%; padding:0 0 40px; max-width: 400px; float: none; display: inline-block; text-align:left; }
  .row-fluid .post_item .post_header { padding:26px 20px 30px; }
  
  .row-fluid .category_search_area { padding:50px 0; }
  .row-fluid .sitesearch_box .hs-search-field form { width: 100%; float: none; margin: 0 auto; max-width: 400px }
  .row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input { width:100%; max-width: 100%; }
  
  .square-box svg {height: 6px;width: 6px;}
  .home .row-fluid .e-commerce .feature-img:after{left: 2%;bottom: 15px;width: 150px;height: 10px;}
  
  .left-position .right.feature-box .square-box {left: auto;bottom: 0% !important;right: 12% !important;width: 150px;height: 150px;}
  .home .row-fluid .hero-textbox .square-box {left:20%;margin-top:-15%;width:120px;height:120px;}
  .e-commerce .left-position .square-box {bottom:-2%;left:12%;width:170px;height:125px;}
  .marketing-section .left-position .square-box {bottom: -2%;left: 19%;width: 150px;height: 150px;}

  .row-fluid .blog_hero .wrapper { padding:0; }
  .row-fluid .blog_hero .bloghero_inertitle { padding:0 15px; } 
  .row-fluid .post_item .author_info #hubspot-author_data { font-size: 15px; line-height: 20px; }
  .row-fluid .post_item .post_topic .topic-link:first-child { padding-left:0; }  
  
  /*----*/  
  .hs-blog-post .row-fluid .blog_hero { padding-top:0; }
  .hs-blog-post .row-fluid .blog_hero .bloghero_inertitle { display:none; } 
  .hs-blog-post .row-fluid .inner_blog_hero { padding:0; }
  .row-fluid .inner_blog_hero .featured_inner { height: 220px; }
  .row-fluid .blog_inner_post .blog-post-wrapper { padding:20px 15px; margin-top: -47px; top:0; }
  
  .row-fluid .related_post h2 { margin-bottom: 20px; font-size: 36px; line-height: 50px; }
  .row-fluid .related_post_area .post_item { width:100%; padding:0 0 30px; float:none; }
  .row-fluid .related_post_area { text-align:center; } 
  
  .row-fluid .social-sharing { position: relative; left: 0; top: 0; max-width:100%; }
  .row-fluid .social-sharing li { width:auto; float:left; margin-right:15px; }
  .row-fluid .related_post { padding-bottom: 40px; }
  
  .row-fluid .post_item .post_header h2 a { font-size: 22px; line-height: 36px; }   
  
  .row-fluid .mobile_view { display:block; position: fixed; bottom:0; top: auto; background: transparent; width: 100%; z-index: 99; padding: 0px 25px 23px; }
  .row-fluid .decktop_view { display:none; }
  
  .row-fluid .about-author-sec .author_text {  width:100%; padding:30px 0 0; }
  .row-fluid .about-author-sec .hs-author-name { font-size: 24px; line-height: 36px; }
  .row-fluid .social-sharing li a { margin-bottom:0; font-size: 34px; line-height: 34px } 
  
  .row-fluid .inertopic {display:block;padding-bottom: 5px;margin-bottom: 10px;margin-left: -35px;}
  .row-fluid .inertopic .topic-link { background: #377FBF; font-family: 'Lane - Narrow'; margin-left: -35px; letter-spacing: 3px; font-size: 16px; line-height: 26px;   color: #fff; padding: 5px 10px; min-width: 170px; text-align: center; font-weight: bold; }
  .row-fluid .inertopic .topic-link {margin-left: 0;padding: 5px 0;}
  .row-fluid .blog_inner_post .author_info { margin-bottom: 10px; }
  
  .row-fluid .popup-boxwrap { display:block; float:left; width:100%; }
  .row-fluid .popup-image, .row-fluid .client-right-content { width:100%; text-align:center; padding:0; }  
  .row-fluid .client-right-content { padding-top:30px; text-align:left; }
  .row-fluid .client-right-side-image { padding-bottom:0; }
  .row-fluid .popup-box.popup-open span:after { right:20px; top:20px; }
  .row-fluid .popup-box-wrap { margin:0; }  
  
  .row-fluid .client-wrap { padding:0 4px; } 
  .row-fluid .client-box { padding:4px; }
  
  .row-fluid .client-box-wrap.model-open:hover .client-imgbox:before {background:transparent;}
  body.model-close .row-fluid .client-box-wrap .client-box-wrap:hover .client-imgbox:hover { -webkit-filter:grayscale(100%); filter: grayscale(100%); }
  body.model-close .row-fluid .client-box-wrap:hover .client-imgbox:before {opacity:0;}
  body.model-close .row-fluid .client-box-wrap:hover .client-imgbox { -webkit-filter:grayscale(0); filter: grayscale(0); }
  
  .row-fluid .heroimg_div { display:none; }
  .mobile-main .mobile-slider, .mobile-main .mobile-static-load { padding-left: 55px; padding-right: 55px; }
  .mobile-main .mobile-slider .mobile-slide img, .mobile-main .mobile-static-load .mobile-slide img { left: 0px; } 
     
  .row-fluid .feature_img_width img,.row-fluid .feature_img_width:before {width: 65%;max-width:400px;left:auto}
  .row-fluid .blog-feedcolinner .hs-author-avatar {height:25px;width:25px;}
  .row-fluid .blog-feedcolinner .post-textbox{padding: 25px 20px;}
  .row-fluid .subscribe-section {background: #f1f1f1;padding: 20px 0;}
  .row-fluid .blog-feedcolinner .post-title a {font-size: 18px;}
  .home .row-fluid .feature-img:after{width:183px;height:11px;bottom:12%;left:18%;}
  
  .herotitle_slider {min-height: 50px;}
  .row-fluid .bark_bgcolor {background: #555;}
  .client_top_titles h1{font-size:40px}
}

@media (max-width: 500px){
  .herotitle_slider {min-height: 80px;}
  .home .row-fluid .feature-img:after{width: 150px;height: 10px;bottom: 8%;left: 2%;background-size: 100% !important;}
  .e-commerce .left-position .square-box{bottom: 0%;left: 5%;width: 114px;height: 100px;}
  .marketing-section .left-position .square-box{bottom:-2%;left:19%;width:100px;height:100px;}
  .home .row-fluid .hero-textbox .square-box {left: -2.75%;margin-top: -23%;width: 120px;height: 120px;}
  .left-position .right.feature-box .square-box {left: auto;bottom: 3% !important;right: 2% !important;width: 100px;height: 100px;}
  .row-fluid .feature_img_width:before{width: 65%;max-width: 400px;left: auto;}
  .row-fluid .feature_img_width img {width: 65%;max-width: 400px;min-width:180px}
  
  .row-fluid .clientdetail_nextprev a h4 { margin-bottom:10px;}
  .row-fluid .guide-title h2 {font-size: 28px;line-height:38px;}
  .row-fluid .guide-section {padding: 400px 0 30px;}
  .row-fluid .guide-content ul li:before{top:12px;}
  .row-fluid .guide-content ul li{padding:8px 15px;padding-left: 34px;}
  input, button, textarea, select, 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"]{font-size:16px}
}

@media (max-width: 480px){ 
  .row-fluid .client-box { padding:2px; }    
  .row-fluid .client-imgbox { height: 200px; }
  .row-fluid .client-logobox img { width:auto !important; height:70px; }
  .row-fluid .client_services_area .client_box_inner {   height: 200px; }
  
  .row-fluid .location_box_area .location_box h4:after { display:none; }
  
  .row-fluid .post_item .author_info .author_avatar { width:60px; height:60px; }
  .row-fluid .post_item .author_info .author_info_iner { width:calc(100% - 60px); }
  
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 15px; }
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 15px; }
  
  .row-fluid .related_post_area .post_item .author_info .author_info_iner { width:100%;  padding-left: 0; padding-top: 14px; }
  .row-fluid .related_post_area .post_item .author_info { display:inherit;  }
  .row-fluid .post_item .more-link { width: 70px; height: 70px; }
  .row-fluid .related_post { padding-bottom: 20px; }
   
  .row-fluid .blog_inner_post .reading-minutes { font-size: 15px; line-height: 20px; }
  .row-fluid .blog_inner_post .post_date { font-size: 15px; line-height: 20px; }
  
  .row-fluid .banner-section.bgimg-main:before{bottom: -50px;border-width: 50px 50vw 0 50vw;}
  
/*   .row-fluid .banner-right-content > div > div{width: 262px;} */
  .row-fluid .banner-form{margin: 0 9px !important;}
  .single-ecommerce-service{padding: 50px 0px 30px;}
/*   .single-marketing a.marketing-image:before{right: -12px;bottom: 60px;width: 220px;}
  .single-marketing:nth-child(even) a.marketing-image:before{right: -10px;} */
  .single-ecommerce-logo{padding: 30px 10px;}
  .single-ecommerce-logo img{max-width: 160px;}
  .ecommerce-marketing-wrap{    margin: 0;}
  .single-marketing{padding: 50px 0; }
  .ecommerce-marketing-wrapper{padding-bottom: 20px;}
  .row-fluid .service-image > div{width:100%;}
  .row-fluid .service-image img{max-width: 250px;}
  .row-fluid .service-sub-title:before{right: calc(100% - 110px);left: inherit;}
  .ecommerce-marketing{    max-width: 270px;}
  .single-marketing a.marketing-image:before{bottom: 50px;left: 90px;width: 170px;}
  .single-marketing:nth-child(even) a.marketing-image:before{    right: -14px;top: 30px;}
}

@media (max-width: 767px){
  .hs-blog-listing .blog_hero .square-box {top: -39px;right: -28%;}
  .row-fluid .blog_hero .insight_hero_title:before {width: 75px;height: 12px;}
  .row-fluid .post_item .post_date {font-size: 15px;}
  .land-box .square-box{display:none}
  .row-fluid .guide-content ul{padding:0 15px;}
  
  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */


  /* Menu Reset - Remove styling from desktop version of custom-menu-primary */
  /* Place any additional CSS you want removed from the mobile menu in this reset */
  .mainmenu, .mainmenu li , .mainmenu li  a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color: #fff;
    }


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

  a.mobile-trigger {
      display: inline-block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute; /*******************************************/
      top: 0;          /* Position Button at top right of screen  */
      right: 0;        /*******************************************/
      width: 60px; /* Button width */
      height: 60px; /* Button height */      
      text-align:center;
      background:transparent;
      padding: 12px 10px;
      z-index: 99999999999; /* Z-index to keep button on top of other layers */
      -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
      font-size: 16px;
      font-weight: normal;
      text-transform: uppercase;
      border-radius: 0;
      -webkit-transition:color .2s ease-in; 
      -moz-transition:color .2s ease-in;
      transition:color .2s ease-in;
      line-height:30px;
      text-align:left;
  }

  a.mobile-trigger:hover {
      text-decoration: none; /* Removes link text underline on button */
      color: #fff;
  }

  a.mobile-trigger span{
      display: inline;
  }

  a.mobile-trigger span:before{
      position: absolute;
      content: 'Menu'; /* Change the text on the closed toggle button */
  }

  a.mobile-trigger span:after{
      position: relative;
      right: 2px;
      content: 'Close'; /* Change the text on the open toggle button */
      background-color: #054f7d;
      opacity: 0;
      transition: opacity .4s ease-in-out;
      -moz-transition: opacity .4s ease-in-out;
      -webkit-transition: opacity .4s ease-in-out; 
  }

  /* Change button when menu is open */
  .mobile-open a.mobile-trigger{
      -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
      -moz-transition:background-color 0.2s linear; /* Button color transition effect */
      transition:background-color 0.2s linear; /* Button color transition effect */
      background: transparent; /* Changes button background to be slightly darker than open menu color */  
  }

  .mobile-open a.mobile-trigger span:after{
     opacity: 1; 
  }


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

  a.mobile-trigger i {
      display: inline;
      position: relative;
      top: -2px;
      margin-left: 0;
      -webkit-transition-duration: 0s;
      -webkit-transition-delay: .2s;
      -moz-transition-duration: 0s;
      -moz-transition-delay: .2s;
      transition-duration: 0s;
      transition-delay: .2s;
  }
  a.mobile-trigger  i:before, a.mobile-trigger i:after {
      position: absolute;
      content: '';
  }
  a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after {
      width: 30px; /* Icon line width */
      height: 3px; /* Icon line height */
      background-color: #377FBF; /* Icon color */
      display: inline-block;
  }
  a.mobile-trigger  i:before {
      margin-top: -8px; /* Position top line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  a.mobile-trigger  i:after {
      margin-top: 8px; /* Position bottom line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-open a.mobile-trigger i {
      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.mobile-trigger i:before {
      margin-top: 0;
      -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.mobile-trigger i:after {
      margin-top: 0;
      -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);
  }

  /* Child Toggle Button
     ========================================================================== */

  span.child-triggerm {
      display: block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute;
      top: 0px;
      right: 0px;
      width: 55px !important; /* Button width */
      min-width: 35px !important;
      height: 45px !important; /* Button height */  
      padding: 0 !important;
      
  }
  
  span.child-triggerm:after { position:absolute; content:"\f101"; font-family:Fontawesome; right:20px; top:50%; color:#fff; font-size:26px; transform:translateY(-50%); }
  span.child-triggerm.child-open:after { content:"\f103"; }


  /* Child Toggle Button
     ========================================================================== */

  span.child-triggerm {
      display: block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute;
      top: 0px;
      right: 0px;
      width: 55px !important; /* Button width */
      min-width: 35px !important;
      height: 45px !important; /* Button height */  
      padding: 0 !important;
      
  }
  .hs-item-has-children > a[href="javascript:;"] {
    pointer-events:none;
  }
  .hs-item-has-children > a[href="javascript:;"] + span.child-triggerm {
    width: 100% !important;
  }
  
  span.child-triggerm:after { 
    position:absolute; 
    content:"\f105"; 
    font-family:Fontawesome; 
    right:14px; 
    top:50%; 
    color:#A7CB00; 
    font-size:26px; 
    transform:translateY(-50%);
    width: 17px;
    text-align:center;
  }
  span.child-triggerm.child-open:after { content:"\f107"; }
  
  .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #fff; }
  
  span.child-triggerm span:after {
      -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
      transition-duration: .2s;
  }
  span.child-triggerm.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;
  }
  span.child-triggerm.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;
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  


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

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

  /* Mobile Menu Styles */
  .mainmenu.js-enabled .hs-menu-flow-horizontal{
      position: absolute; /**************************************************************/
      top: 55px;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/                                              
      width: 100%; 
    position:fixed; height: 100%;
/*     min-height: 400px; */
/*     overflow-y: scroll; */
     
  }
  .mainmenu .hs-menu-flow-horizontal{
      padding: 0; /* Padding to add room for close button */
      background-color: #377FBF; /* Menu background color set off global mobile-menuColor variable */
      width: 100%; /* Full screen width */
      z-index: 8888;
  }

   /* Level 1 Menu List Styles */
  .mainmenu .hs-menu-flow-horizontal > ul > li{
      position: relative;
   }
  .mainmenu .hs-menu-flow-horizontal > ul > li a{
      font-size: 22px; /* Font size of top level list items */
      line-height: 45px;
      overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .mainmenu .hs-menu-flow-horizontal > ul > li > a{
/*       border-bottom: 1px solid #5f8ab5; /* Adds transparent dark highlights to top of top level list items */ */
  }
  .mainmenu .hs-menu-flow-horizontal ul li a{
      padding: 0 10px;
  }
  .mainmenu .hs-menu-flow-horizontal ul li a:hover{
      color: #fff; /* link hover color set by global mobile-aColorHover variable */
  }
  


  /* Level 2 and Higher Menu List Styles */
  
  
  .mainmenu .hs-menu-flow-horizontal > ul ul li{
     text-align:center;
     float:left;
     width:100%;
  }
  .mainmenu .hs-menu-flow-horizontal > ul ul li a{
      text-indent: 0; /* Indent Child lists */
      font-size: 16px; /* Font size of child lists */
      line-height:20px;
      padding:5px 0;
      font-weight:500;
  }

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


@media (min-width: 1280px) and (max-width: 1439px){ 
  body{font-size: 18px;line-height:30px}
  h1,.h1 {font-size:52px;}
  h2 {font-size:48px;}
  h3 {font-size:28px;}
  h4{font-size:21px;}
  .service-image.service-squre .hs-image-widget{width:100% !important;max-width:490px;}
  .row-fluid .leadership_team_area .client_img {width: 200px;height: 200px;}
  .left-position .right.feature-box .square-box {left: auto;bottom: 4%;right: -6%;z-index: 9;}
  .home .row-fluid .e-commerce .feature-img:after {bottom: 11%;left: -11%;width:270px;height:14px;background-size: 100% !important;}
  .row-fluid .mainmenu ul>li>ul {min-width: 250px;padding: 15px 0;}
  .row-fluid .mainmenu ul>li>ul>li>a {font-size: 16px;padding: 10px 20px;}
  .home .row-fluid .feature-img:after {left: -70px;width: 270px;height:14px;background-size:100% !important;bottom: 105px;}
  .row-fluid .location_box_area .location_box .location_box_img { height: 330px; }
  .row-fluid .ctastrip_section .ctastrip_inner {  font-size: 23px; line-height: 33px; padding:0; }  
  .row-fluid .content_hero .conact_title { font-size: 26px; } 
  .row-fluid .mission-squre { width: 590px; margin: 0 auto; display: inline-block; float: none; max-width: 100%; }
  .ecommerce-service-content h3 { font-size: 21px; line-height: 31px; padding: 35px 0 20px; }
  .ecommerce-service-image img {max-height:60px;width:auto;} 
  .service-squre img { max-width: 80%; float:right }
  .service-squre .square-box { top: 90px; left: 20px; }
  .single-marketing h2 a { font-size: 34px; }
  /* .single-marketing.animatedParent  a.marketing-image img { max-width: 70%; } */
  .row-fluid .clientdetail_nextprev a h4{font-size:19px;margin-bottom:20px}
  .row-fluid .clientdetail_nextprev a h3{font-size:22px;}
  .row-fluid .client_hero .clientdetail_box_img img{max-width:80%;}
  .squre-parent .full-width .feature-img {text-align:center;}
  /* .squre-parent .full-width .feature-img img {  display:inline-block; } */
  .row-fluid .squre-parent .option-icon img{max-width:68%;}
  .row-fluid .feature-option {padding-left:70px;}
  .marketing-section .left-position .square-box {bottom:-8%;left:2%;z-index:99}
  .blog-feedsec .blog-feedwrap .blog-feedcol{width:25%;}
  .row-fluid .content_hero .content_hero_title h1{font-size:58px;}
  .row-fluid .content_hero .content_hero_title {margin:70px 0 70px; }
  .row-fluid .content_hero { padding:85px 0 130px;}
  .row-fluid .location_box_area h2 { font-size: 52px;}
  .row-fluid .ctastrip_section { padding: 45px 0 45px;}
  
  body .row-fluid .location_box_area .location_box { max-width:432px;margin:0 25px;}
  .row-fluid .location_box_area .location_box h4 { font-size: 23px;}
  .row-fluid .location_box_area .location_box .location_box_text {line-height:normal;}
  .contact-page .row-fluid .content_hero .contact_icon img {max-width:45px; }
  .contact-page .row-fluid .content_hero .contact_icon {min-height:50px;}
  .row-fluid .content_hero .content_sub_hero {font-size:11px;}
  .row-fluid .ctastrip_section .wrapper { max-width: 1022px;}
  .row-fluid .ctastrip_section .ctastrip_img img { max-width: 80%;}
  .row-fluid .ctastrip_section .ctastrip_text { margin-bottom: 33px; }
  .row-fluid .ctastrip_section .ctastrip_img { margin-top: -90px; }
  
  .row-fluid .subscribe-section h3.form-title { font-size: 24px; }
  .row-fluid .email-subscribe form .hs-input { height: 40px; margin-top: 6px;  }
  .row-fluid .subscribe-section form .hs_submit input[type="submit"] { height: 25px;  width: 25px; background-size: contain; }
  .row-fluid .subscribe-section form { position: relative; padding-right: 15px; }
  .row-fluid .subscribe-section { padding: 26px 0; }
  .row-fluid .location_box_area{padding:70px 0 170px;}
  .row-fluid .location_box_area h2{margin: 55px 0; } 
  .row-fluid .hero-richtext {margin:40px 0 60px;}
  .row-fluid .green-btn a, .row-fluid a.green-btn, .row-fluid .blue-btn a, .row-fluid a.blue-btn {min-width: 200px;font-size: 20px;line-height: 30px;padding: 11px 15px;border-radius: 4px;}
  .row-fluid .hero-section{padding:12% 0;position:relative;}
  .mobile-main .mobile-slider, .mobile-main .mobile-static-load {height:550px;max-width:280px;margin-left:90px;margin-top:30px;padding-top:16px;}
  .row-fluid .client-section{padding: 70px 0 40px;}
  .row-fluid .feature-box .wrapper {width:1140px;}
  .row-fluid .blog-feedsec .wrapper{width:1140px;}
  .row-fluid .feature-textbox .richtext {margin:25px 0 45px;line-height:1.7;}
  .row-fluid .feature-option {margin-bottom: 40px;}
  .row-fluid .client-section .hs_cos_wrapper_type_header h2 {margin-bottom: 30px;}
  
  .row-fluid .cta-stripbox {padding: 25px 0;}
  .row-fluid .feature-box.right .feature-textbox {padding-left: 50px;padding-right: 50px;}
  .row-fluid .blog-feedsec {padding: 55px 0 65px;}
  .row-fluid .blog-feedwrap {margin-top: 40px;margin-bottom:60px;}
  .row-fluid .blog-feedcolinner .post-textbox {padding:20px 20px;}
  .row-fluid .blog-feedcolinner .post-title a {font-size:16px;line-height: 24px;}
  .row-fluid .blog-feedcolinner .post-date {margin:5px 0;}
  .row-fluid .blog-feedcolinner .post-image {height:150px;}
  .row-fluid .blog-feedcolinner .hs-author-avatar{height:30px;width:30px;}
  #marketing .full-width, #ecommerce .full-width, #integration .full-width{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
  #marketing .full-width .feature-textbox, #ecommerce .full-width .feature-textbox, #integration .full-width .feature-textbox {align-self: center;}
  .row-fluid .feature-box.right .feature-img {order:2;}
  .row-fluid .client-wrap {margin-bottom:55px;}
  .row-fluid .client_hero h1 {font-size:46px;line-height: 1.125;}
  .row-fluid .client_rightside h3 {margin:15px 0 5px;font-size: 32px;line-height: 44px;}
  .row-fluid .client_rightside ul{margin:10px 0 0;}
  .row-fluid .client_rightside ul li {font-size:16px;padding-left:35px;}
  .row-fluid .client_rightside ul li:before {width: 19px;height: 15px;}
  .row-fluid .banner-left-content h1{font-size:38px;line-height:1.4}
  .land-box .square-box{width:160px;height:160px;top:0;right:-5%;}
  .row-fluid .guide-section {padding: 34% 0 110px;}
  .row-fluid .banner-form .actions input {height:54px;font-size:21px;}
  .row-fluid .service-content {padding:0 0 60px 0;}
  .row-fluid .banner-form {padding: 45px 35px;margin-top:70px}
}


@media (min-width:1440px) { 
  .land-box .square-box {top:-4%;right:-4%;width:160px;height:160px;}
  .service-image.service-squre .hs-image-widget{width:100%  !important;max-width:590px;}
  .row-fluid .leadership_team_area .client_img { width:250px; height:250px;}
  .row-fluid .hero-section { padding:155px 0 185px; } 
   h1,.h1 , h2  { font-size: 48px; }
  .row-fluid .hero-richtext {  margin: 35px 0 58px; font-size: 17px; }
  .mobile-main .mobile-slider, .mobile-main .mobile-static-load { max-width: 230px; height: 440px; padding-top: 20px; }
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited { padding: 20px 5px; }
  .row-fluid .green-btn a, .row-fluid a.green-btn, .row-fluid .blue-btn a, .row-fluid a.blue-btn { font-size: 20px; padding: 18px 25px; min-width: 250px; }
  .row-fluid .mainmenu ul>li>ul>li>a {font-size: 16px;padding: 10px 20px;}
  .row-fluid .mainmenu ul>li>ul {min-width: 250px;padding: 15px 0;}
    .row-fluid .client-section {padding: 75px 0 45px; }
  .row-fluid .client-section .hs_cos_wrapper_type_header h2 { margin-bottom: 30px;}
  .row-fluid .client-section .green-btn a { padding: 12px 32px;}
  .row-fluid .client-wrap { margin-bottom: 50px;}
  .row-fluid .client-imgbox , .row-fluid .client_services_area .client_box_inner {  height: 260px; }
  .row-fluid .feature-textbox .richtext { margin: 14px 0 55px; }
  .row-fluid .feature-box h4 { font-size:22px; }
  .row-fluid .feature-option { margin-bottom: 60px; }
  .home .row-fluid .feature-img:after {bottom:95px;left:-30px;width:270px;height:14px;}
  .marketing-section .left-position .square-box{bottom:-6%;left:5.5%;z-index:1;}
  .row-fluid .feature-box.right .feature-textbox { padding-left:80px; padding-right:100px }
  .cta-title h3 { font-size: 30px; line-height: normal; }
  .row-fluid .cta-stripbox { padding: 35px 0; }
  .row-fluid .feature-textbox { padding-left: 120px; }
  .row-fluid .cta-stripsec .wrapper {  width: 960px; }
  .row-fluid .blog-feedsec  { padding: 80px 0 75px; }
  .row-fluid .blog-feedwrap { margin-top: 30px; margin-bottom:55px;}
  .row-fluid .blog-feedsec .wrapper { width:1010px}
  .row-fluid .blog-feedcol { padding: 0 10px;} 
  .row-fluid .blog-feedcolinner .post-image {height: 160px; }
  .row-fluid .blog-feedcolinner .post-title a {font-size: 15px; }
  .row-fluid .blog-feedcolinner .post-date {font-size: 11px; margin: 6px 0; }
  .row-fluid .blog-feedcolinner .post-textbox {line-height: 17px; font-size: 12px; padding: 20px 20px; }
  .row-fluid .blog-feedcolinner .hs-author-avatar {height: 25px; width: 25px; }
  .row-fluid .blog-feedcolinner .author-box .author-name a {font-size: 10px; }
  .row-fluid .blog-feedsec .green-btn a { padding: 12px 40px;}
  .row-fluid .blog-feedcolinner .read-morelink { border-width: 0 0 35px 35px; }
  .row-fluid .blog-feedcolinner .read-morelink:before { top: 20px; height: 9px; width: 16px; right: 2px; }
  .client-right-side-image img { max-width:150px; }
  .client-right-side-image { padding-bottom: 10px; }
  .client-right-content p {  margin-bottom: 0; font-size: 18px; }
  .row-fluid .service-title h1, .row-fluid .client_hero h1,.row-fluid .content_hero .content_hero_title h1, .row-fluid .location_box_area h2, .row-fluid .aboutcore_sldier .aboutcore_box h2, .row-fluid .bloghero_inertitle h1{ font-size: 60px; line-height:1.125;}
  .row-fluid .service-sub-title span, .row-fluid .content_hero .content_sub_hero { font-size: 16px; letter-spacing: 9.6px;}
  .row-fluid .service-title { padding: 10px 0 30px; }
  .row-fluid .service-content { font-size: 17px;  padding: 0 0 50px 0; max-width: 80%;}
  .row-fluid .service-section { padding: 70px 0 5px; }
  .single-ecommerce-logo img {max-width: 165px;vertical-align: middle;}
  .row-fluid .ecommerce-logo-wrapper.ctastrip_section {  padding: 40px 0; }
  .ecommerce-service-content h3 {color: #252525;font-size: 28px;padding:30px 0 20px;line-height: 1.4;}
  .ecommerce-service-content p { font-size: 16px; line-height: 24px; padding:0 0 25px 0; }
  .row-fluid .ctastrip_section .ctastrip_inner { font-size: 21px; line-height: 30px; }
  .row-fluid .ctastrip_section .ctastrip_text { margin-bottom: 28px; }
  .ecommerce-marketing-wrapper h4 { font-size: 22px; }
  .ecommerce-marketing-wrapper { padding: 75px 0; }
  .ecommerce-marketing-wrap { margin: 45px -70px 0; }
  .row-fluid .service-left-section, .row-fluid .service-image { padding: 0 40px; }
  .row-fluid .featuredclient_btn a {font-size:12px; padding: 5px 15px; }
  .row-fluid .client_rightside { font-size: 15px; line-height: 23px; }
  .row-fluid .client_rightside ul { margin: 10px 0 0; }
  .row-fluid .client_hero { padding: 35px 0 30px; }
  .row-fluid .clienthero_content { margin-top:18px; }
  .row-fluid .client_rightside h3 { margin: 10px 0 0px; }
  .row-fluid .top .logo img { max-width: 180px !important; }
  .row-fluid .top .logo { margin-top: 10px; }
  .row-fluid .content_hero { padding: 60px 0 90px; }
  .row-fluid .content_hero .conact_title { font-size: 21px; margin:0; }
  .contact-page .row-fluid .content_hero .contact_icon img { max-width: 37px; }
  .row-fluid .content_hero .content_hero_title { margin: 50px 0 50px; }
  .email-squre .square-box { margin-left: -20px; }
  .row-fluid .location_box_area h5, .row-fluid .about_hero .hero_sub_title, .row-fluid .ourhistory_section .history_title, .row-fluid .leadership_section .section_teamtitle, .row-fluid .blog_hero .insight_hero_title { font-size: 10px; }
  .row-fluid .location_box_area { padding: 55px 0 150px; }
  .row-fluid .location_box_area h2 { margin: 30px 0 35px; }
  .row-fluid .location_box_area .location_box h4 { font-size: 22px; }
  .row-fluid .location_box_area .location_box .location_box_img { height: 290px; margin: 20px 0 20px; }
  .row-fluid .location_box_area .location_box .location_box_text { font-size: 16px; }
  .row-fluid .about_hero { padding: 70px 0; }
  .row-fluid .about_hero .abouthero_content {  font-size: 16px; margin-top: -40px; }
  .row-fluid .abouthero_img { margin-top: 49px; }
  .row-fluid .abouthero_img img { max-width: 800px;}
  .row-fluid .aboutcore_sldier h3 { font-size: 18px; }
  .row-fluid .aboutcore_sldier .aboutcore_box h2 { max-width: 270px; }
  .row-fluid .aboutcore_sldier ul.slick-dots li button { width:10px; height:10px; border-width:1px; }
  .row-fluid .aboutcore_sldier .aboutcore_box { margin: 20px 0; }
  .row-fluid .ourhistory_section .ourhistory_cover span span {font-size: 38px;}
  .row-fluid .ourhistory_section .ourhistory_cover { font-size: 24px; line-height: 36px; }
  .row-fluid .ourhistory_section .wrapper { width: 1180px; }
  .row-fluid .ourhistory_section { padding: 80px 0; }
  .row-fluid .leadership_section .Leadership_title_cover { font-size: 17px; line-height: 26px; }
  .row-fluid .leadership_team_area .client_inner h3 { font-size: 20px; }
  .row-fluid .leadership_team_area .client_position {  line-height: 10px;  font-size: 11px; }
  .row-fluid .leadership_team_area .client_link { font-size: 16px; }
  .row-fluid .clientdetail_nextprev .clientdetail_prev {  padding: 60px 0 110px; padding-right: 50px; }
  .row-fluid .clientdetail_nextprev .clientdetail_next { padding: 60px 0 110px; padding-left: 50px; }
  .row-fluid .clientdetail_nextprev a h4 { font-size: 21px;  margin-bottom: 15px; }
  .row-fluid .clientdetail_nextprev .wrapper a h3 {  font-size: 36px; }
  
  .row-fluid .blog_hero {  padding: 30px 0 0; }
  .row-fluid .heropost_item .featured_title {  font-size: 16px; padding: 2px 10px; top: -17px;  min-width: 140px; }
  .row-fluid .bloghero_inertitle {margin-bottom:50px;margin-top:50px;}
  .row-fluid .heropost_item .post_header h2 a { font-size: 22px; }
  .row-fluid .heropost_item .post_header .heropost_text { font-size: 16px; margin: 5px 0 20px; }
  .row-fluid .heropost_item .auhot_info .hs-author-avatar , .row-fluid .post_item .author_info .author_avatar , .row-fluid .blog_inner_post .author_avatar { width: 50px; height: 50px; }
  .row-fluid .heropost_item .auhot_info .reading-minutes {  font-size: 13px; }
  .row-fluid .heropost_item .featured_image { height: 320px; }
  .row-fluid .heropost_item .post_header { max-width: 560px; }
  .row-fluid .heropost_cover .slick-dots li button { width: 25px;font-size: 15px; height: 25px; line-height: 8px; border-width:1px; }
  .row-fluid .heropost_cover .slick-dots { bottom: 25px; }
  .row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input  {  }
  .row-fluid .category_search_area .block h3 { font-size: 18px; }
  .row-fluid .category_search_area .block .widget-module ul li a { font-size: 16px;  border-width:1px; }
  .row-fluid .post_item .post_img  { height: 160px; }
  .row-fluid .post_item .post_header h2 a { font-size: 27px; line-height: 36px; }
  .row-fluid .post_item .post_date { font-size: 14px; margin-top:5px; }
  .row-fluid .post_item .post_text  { margin-top:5px; font-size: 13px; line-height: 18px; }
  .row-fluid .post_item .author_info #hubspot-author_data { font-size: 10px; margin:0; line-height: 12px; }
  .row-fluid .post_item .author_info .reading-minutes { font-size: 11px; }
  .row-fluid .post_item .author_info .author_info_iner { padding-left: 10px; }
  .row-fluid .post_item .post_topic .topic-link { font-size: 11px; }
  .row-fluid .post_item  { padding: 0 9px 35px; }
  .row-fluid .category_search_area { padding: 65px 0 20px 0; }
  .row-fluid .pagination a { width: 35px; height: 35px; font-size: 18px; line-height: 5px; border-width:1px !important; }
  .row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input::-webkit-input-placeholder {font-size:20px; opacity:1;overflow: visible;}
  .row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input::-moz-placeholder {font-size:20px; opacity:1;overflow: visible;}
  .row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input:-ms-input-placeholder {font-size:14px; opacity:1;overflow: visible;}
  .row-fluid .sitesearch_box .hs-search-field form .hs-search-field__input:-moz-placeholder {font-size:20px; opacity:1;overflow: visible;}
  
  .row-fluid .post_item .post_header{padding:23px 23px 15px;}
  .row-fluid .inner_blog_hero .featured_inner{height:420px;}
  .row-fluid .social-sharing li a { font-size: 26px;margin: 0;line-height: 40px;}
  .row-fluid .blog_inner_post .hubspot-editable { font-size: 16px;font-size: 16px;    margin: 0; }
  .row-fluid .blog_inner_post .reading-minutes , .row-fluid .blog_inner_post .post_date {  font-size: 11px; }
  .row-fluid .blog_inner_post .blog-post-wrapper .post-body { font-size: 16px; line-height: 24px; }
  .row-fluid .related_post h2 { font-size: 32px;  margin-bottom: 30px; }
  .row-fluid .related_post_area .post_item .author_info_iner span { font-size: 10px; }
  .hs-blog-post .row-fluid .post_item .author_info #hubspot-author_data { display: flex; align-items: center; }
  .hs-blog-post .row-fluid .blog_inner_post { padding-left:190px; padding-right:190px;  }

  .row-fluid .category_search_area .block .widget-module ul li a {font-size: 16px;border-width: 1px;margin: 0 10px;}
  .row-fluid .social-sharing {margin-left: -90px;}
  .row-fluid .banner-content {font-size:15px; }
  
  .row-fluid .banner-form input, .row-fluid .banner-form textarea, .row-fluid .banner-form select { font-size:18px; }
  .row-fluid .banner-form .actions input {font-size: 20px;height: 66px;}
  .row-fluid .banner-form .actions {max-width: 85%;}
  .row-fluid .banner-form { padding:35px 30px 40px;margin-top:70px}
  .row-fluid .guide-wrap .guide-content ul li{font-size:23px;}
  .row-fluid .pettan_hero .wrapper{width: 1170px;} 
  .service-sub-page .row-fluid .mainmenu .hs-menu-wrapper > ul > li:nth-child(2) > a:before,
  .clients_detail_page .row-fluid .mainmenu .hs-menu-wrapper > ul > li:first-child > a:before {height:10px;}
  .row-fluid .banner-left-content h1 {font-size:42px;line-height:1.4;}
}

@media(min-width:1440px){
  /*=J= 11-07-2019 =J=*/
  .ecommerce-marketing-wrap {margin: 50px 0 0;}
  .span12.widget-span.widget-type-cell.client_top_titles {margin: 30px 0;}
  body { font-size: 20px; }
  h2 {font-size: 55px;}
  .row-fluid .client_hero h1{font-size:56px}
  .home .row-fluid .hero-section .wrapper { width: 1270px; }
  .row-fluid .wrapper {width: 1170px;}
  .row-fluid .cta-stripsec .wrapper {width: 1270px;}
  .row-fluid .blog-feedsec .wrapper {width: 1270px;}
  .row-fluid .feature-box .wrapper { width: 1270px; }
  .row-fluid .hero-section { padding: 11.5% 0; }
  .row-fluid .option-icon img{max-width:52px;}
  .row-fluid .feature-option{padding-left:85px;margin-bottom:50px;}
  /*.row-fluid .hero-section .square-box ul {transform: scale(1.35);}*/
  
  .row-fluid .hero-section { padding-top: 160px; }    
  .row-fluid .hero-section h1 { font-size: 60px; line-height: 1.3; }
  .row-fluid .hero-richtext { margin: 10px 0 30px; }
  .row-fluid .hero-textbox { padding-bottom: 150px; }
  .home .row-fluid .hero-textbox .square-box { width: 160px; height: 140px; left: -65px; margin-top: -50px; }
  .square-box ul li { padding: 0 0; }
  .square-box svg { height: 8px; width: 8px; }
  .mobile-main { position: relative; bottom: -18px; }
  .mobile-main .mobile-slider, .mobile-main .mobile-static-load { max-width: 230px; height: 440px; }
  .mobile-main .mobile-slider .mobile-slide img, .mobile-main .mobile-static-load .mobile-slide img { height: 400px; }
  #marketing .full-width,#ecommerce .full-width{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
  #marketing .full-width .feature-textbox,#ecommerce .full-width .feature-textbox{align-self: center;}
  .row-fluid .client-section .green-btn a {padding: 18px 32px;}
  .left-position .right.feature-box .square-box {left: auto;bottom: 5%;right: 1%;z-index: 9;}
  .e-commerce .left-position .square-box {bottom: 5%;left: -4.5%;}
  .row-fluid .ctastrip_section{padding: 45px 0;}
  .row-fluid .blog_inner_post .blog-post-wrapperh1{font-size:46px;}
  .row-fluid .banner-right-content {padding-bottom: 185px !important;}
  .row-fluid .guide-section {padding: 32% 0 70px;}
}
@media(min-width:1650px){
  /*=J= 11-07-2019 =J=*/
  h1,.h1{font-size:72px}
  .row-fluid .leadership_team_area .client_info .client_inerimg {padding-right: 30px;}
  .row-fluid .banner-form {margin-top:90px}
  .row-fluid .banner-form .actions input {font-size: 26px; height: 80px;}
  .row-fluid .leadership_team_area .client_info .client_inerimg img{width:100%}
  .row-fluid .client_hero h1{font-size:60px; line-height:1.125;}
  .row-fluid .client_rightside p {font-size: 21px;line-height: 1.5;}
  .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:link, .row-fluid .mainmenu .hs-menu-wrapper > ul > li > a:visited {padding:36px 5px;font-size: 21px;font-weight: 300;}
  .home .row-fluid .hero-section .wrapper{width: 1540px;}
  .row-fluid .top .logo img {padding-top: 10px;max-width:280px !important}
  .row-fluid .wrapper {width: 1440px;}
  .row-fluid .ourhistory_section .ourhistory_cover span span {font-size: 52px;}
  .row-fluid .ourhistory_section .ourhistory_cover { font-size: 32px; line-height: 48px; }
  .row-fluid .cta-stripsec .wrapper {width: 1540px;}
  .row-fluid .blog-feedsec .wrapper {width: 1540px;}
  .row-fluid .feature-box .wrapper { width: 1520px; }
  .row-fluid .hero-section { padding: 11.5% 0; }
  .row-fluid .hero-section .square-box ul {transform: scale(1.35);}
  .row-fluid .leadership_team_area .client_inner h3 {font-size: 36px;margin-bottom:10px}
  .row-fluid .leadership_team_area .client_position {line-height: 18px;font-size: 16px;}
  .row-fluid .leadership_team_area .client_link {font-size: 32px;}
  .home .row-fluid .hero-textbox .square-box {width: 160px;height: 140px;left: -65px;margin-top: -20px;}
  .row-fluid .hero-section h1 { font-size: 72px; line-height: 1.2; margin-bottom: 45px;min-height: 81px;}
  .row-fluid .feature-box h4 {font-size: 32px;}
  .cta-title h3 {font-size: 36px;line-height: 1.4;}
  .row-fluid .hero-textbox { padding: 0 0 210px; }
  .row-fluid .hero-richtext { width: 100%; margin: 0 0 78px; }
  .row-fluid .hero-richtext p { font-size: 24px; line-height: 1.7; }
  .mobile-main { position: relative; bottom: -9px; margin-top: auto;}
  .mobile-main .mobile-slider, .mobile-main .mobile-static-load { max-width: 300px; height:570px;margin-left:72px;}
  .mobile-main .mobile-slider .mobile-slide img, .mobile-main .mobile-static-load .mobile-slide img { height:530px;}
  .row-fluid .client-box {float: left;width: 20%;padding: 0 4px 8px;}
  .row-fluid .feature_img_width img {max-width: 100%;}
  .home .row-fluid .feature-img{text-align:center}
  .squre-parent .feature-richtext h2 {font-size: 72px;line-height:1.4;}
  .row-fluid .feature-option { margin-bottom: 75px; }
  .e-commerce .left-position .square-box {bottom:-28px;left:-4%;}
  .row-fluid .green-btn a, .row-fluid a.green-btn, .row-fluid .blue-btn a, .row-fluid a.blue-btn {font-size: 30px;padding: 22px 15px;min-width: 300px;}
  .row-fluid .blog-feedcolinner .post-title a {font-size:21px;}
  .row-fluid .blog-feedcolinner .post-date {font-size:14px;margin:10px 0 20px;}
  .row-fluid .blog-feedcolinner .post-textbox {line-height:26px;font-size:15px;padding:20px 20px;}
  .row-fluid .blog-feedcolinner .author-box .author-name a {font-size:15px;}
  .row-fluid .blog-feedcolinner .author-box {margin-top:20px;color:#666666;}
  .row-fluid .about_hero .abouthero_content {font-size:32px; margin-top:-40px;max-width: 1250px;line-height: 1.7;}
  .row-fluid .service-title h1, .row-fluid .client_hero h1, .row-fluid .client_rightside h3,.row-fluid .content_hero .content_hero_title h1, .row-fluid .location_box_area h2, .row-fluid .aboutcore_sldier .aboutcore_box h2, .row-fluid .bloghero_inertitle h1{ font-size: 60px; line-height:1.125;}
  .row-fluid .blog_inner_post .blog-post-wrapper h1 { font-size: 56px; }
  .row-fluid .related_post h2 {font-size: 48px;}  
  .row-fluid .client-section {padding: 100px 0 45px;}
  .row-fluid .pettan_hero .wrapper{width: 1170px;} 
  .row-fluid .guide-wrap .guide-content ul li{font-size:30px;}
  .row-fluid .banner-left-content h1{font-size:46px;}
  .row-fluid .banner-right-content{padding-bottom:215px !important;padding-left:60px;padding-right:0;}
  .land-box .square-box {width:200px;height:200px;top:0%;right:-23%;}
  .row-fluid .guide-section {padding: 24% 0 90px;}
  .row-fluid .service-left-section .green-btn a , .row-fluid .ecommerce-strip-wrapper .green-btn a , .row-fluid .ctastrip_inner .green-btn a{min-width:263px;padding:6px 5px;height:70px;font-size:28px;vertical-align: middle;line-height:58px;}
  .home .row-fluid .feature-img:after {width: 336px;height: 17px;}
  .home .row-fluid .e-commerce .feature-img:after {bottom: 30px;left: 17px;}
  .ecommerce-service-content h3 {font-size: 32px;}
  .ecommerce-service-content p {line-height: 1.6;font-size: 24px;}
  .ecommerce-marketing-wrapper h4 {font-size: 32px;}
  .row-fluid .mainmenu ul>li>ul>li>a {font-size: 21px;padding: 14px 20px;}
  .row-fluid .post_item .post_img  { height: 240px; }
}

.row-fluid .location_box_area .location_box .location_box_text > a {color: #555 !important;}
.row-fluid .leadership_team_area .wrap-3 .client_img:before{display:none !important}
#clients,#integration,#ecommerce,#marketing{float:left;width:100%}
.land-box{position:relative;}
.land-box .row-fluid-wrapper.row-depth-2.row-number-5{width: 100%;}

.cdetails{position:relative;z-index:99}

/* Footer */
.footer {padding:25px 0;background:#1F9BC9;}
.footer-logo, .footer-social{float:left  !important;padding:0 5px;margin:auto !important}
.footer-logo img{max-width: 150px;}
.footer-social{text-align: right;padding-top: 5px;}
.footer-socialicon {display:inline-block;}
.footer-socialicon a {font-size:23px;line-height:23px;margin-left:5px;float:left;display:inline-block;vertical-align:top;color:rgba(255,255,255,0.5);}
.footer-socialicon a:hover {color: rgba(255,255,255,1);}

.hs-search-field__bar form button{position:absolute;width:24px;height:100%;background-image:url(https://www.fortuitas.com/hubfs/Fortuitas_2019/Images/search_icon.png);background-size:24px;background-repeat:no-repeat;border:none;right:5px;top:0;background-color:transparent;background-position:center;}
.hs-search-field__bar form button span{display:none}
.hs-search-field__bar form .hs-search-field__input::-webkit-input-placeholder { color: #A7CB00 !important;}
.hs-search-field__bar form .hs-search-field__input::-moz-placeholder { color: #A7CB00 !important;}
.hs-search-field__bar form .hs-search-field__input:-ms-input-placeholder { color: #A7CB00 !important;}
.hs-search-field__bar form .hs-search-field__input:-moz-placeholder { color:#A7CB00 !important;}
.hs-search-field__bar form .hs-search-field__input{border: 2px solid #949494;}

.hs-search-field__bar form{position: relative;}

@media screen and (min-width: 560px) {
.footer-logo img {max-width: 180px;}
}

@media screen and (min-width: 768px) {
.footer {padding:40px 15px;}
.footer-logo img{max-width: inherit;}
.footer-socialicon{padding-top: 15px;}
.footer-socialicon a {font-size: 28px;line-height: 28px;margin-left:10px;}
}
@media screen and (max-width: 992px) and (min-width: 768px){
.tool-bar .span3{width:40%}
.tool-bar .span9{width:100%}
}
@media screen and (min-width: 1200px) {
.footer {padding:60px 15px;}
.footer-socialicon{padding-top: 10px;}
.footer-socialicon a {font-size: 36px;line-height: 36px;margin-left:15px;}
}
@media screen and (min-width: 1650px) {
.footer {padding:90px 15px;}
.hs-search-field__bar form .hs-search-field__input{ height:54px}
}


/* typo graphy for insights */
.blog_inner_post .blog-post-wrapper h1{color:#377FBF;font-family:'Lane - Narrow';font-size:72px;line-height:1.25;font-weight:400;margin:15px 0 0;padding:0;clear:both}
.blog_inner_post .blog-post-wrapper h2{color:#377FBF;font-family:'Lane - Narrow';font-size:32px;line-height:1.5;font-weight:400;margin:15px 0 0;padding:0;clear:both}
.blog_inner_post .blog-post-wrapper h3{color:#377FBF;font-family:'Source Sans Pro', sans-serif;font-size:28px;line-height:1.5;font-weight:400;margin:15px 0 0;padding:0;clear:both}
.blog_inner_post .blog-post-wrapper h4{color:#377FBF;font-family:'Source Sans Pro', sans-serif;font-size:24px;line-height:1.5;font-weight:400;margin:15px 0 0;padding:0;clear:both}
.blog_inner_post .blog-post-wrapper h5{color:#377FBF;font-family:'Lane - Narrow';font-size:21px;line-height:1.5;font-weight:400;margin:15px 0 0;padding:0;clear:both}
.blog_inner_post .blog-post-wrapper h6{color:#377FBF;font-family:'Lane - Narrow';font-size:18px;line-height:1.5;font-weight:700;margin:15px 0 0;padding:0;clear:both}


@media (min-width: 1201px) and (max-width: 1600px){ 
.blog_inner_post .blog-post-wrapper h1 {font-size:38px;}
.blog_inner_post .blog-post-wrapper h2 {font-size:30px;}
.blog_inner_post .blog-post-wrapper h3 {font-size:26px;}
.blog_inner_post .blog-post-wrapper h4 {font-size:23px;}
.blog_inner_post .blog-post-wrapper h5 {font-size:20px;}
.blog_inner_post .blog-post-wrapper h6 {font-size:18px;}
}

@media (min-width: 30px) and (max-width: 767px){
.blog_inner_post .blog-post-wrapper h1 {font-size:26px;}
.blog_inner_post .blog-post-wrapper h2 {font-size:23px;}
.blog_inner_post .blog-post-wrapper h3 {font-size:21px;}
.blog_inner_post .blog-post-wrapper h4 {font-size:19px;}
.blog_inner_post .blog-post-wrapper h5 {font-size:18px;}
.blog_inner_post .blog-post-wrapper h6 {font-size:16px;}
}

/* Bullet list Checkmark */
ul.checkmark li {
  font-size: 16px;
  list-style-type: none;
  margin-bottom: 1em;
  padding: 0.25em 0 0 2.8em;
  position: relative;
  margin-left: -35px;
}

ul.checkmark li:before {
  content: " ";
  display: block;
  border: solid 0.8em #a7cb00;
  border-radius: .8em;
  height: 0px;
  width: 0px;
  position: absolute;
  left: 0.5em;
  top: 40%; 
  margin-top: -0.5em;
  
  
}

ul.checkmark li:after {
  content: " ";
  display: block;
  width: 0.5em;
  height: 0.8em;
  border: solid white;
  border-width: 0 0.2em 0.2em 0;
  position: absolute;
  left: 1em;
  top: 49%;
  margin-top: -0.3em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Show and Hide Different Content On Mobile Devices */
#content-desktop {display: block;}
#content-mobile {display: none;}
@media screen and (max-width: 768px) {
#content-desktop {display: none;}
#content-mobile {display: block;}
.divider-purple {width: 0px;}
}
/* Blue BG */
#bgblue {
background-color: #377FBF;
align-content: center;
}
.bgdots{
background-image: url("https://www.fortuitas.com/hubfs/Fortuitas%20Website/Fortuitas_2019/Images/dots2.png"); background-repeat: repeat; float: left; width: 100%;
}

.policy {border-left: 2px solid #a7cb00;}
.policy p {margin-left:30px;}
@media(max-width:768px){
.policy {float:left;
margin-top:15px;}
.footer-logo img {width:280px !important;max-width: 280px;}
.social_icons { text-align:center !important;    float: none !important;}

}

.footer-logo, .footer-social{float:left !important ;width:auto!important; padding:0 5px;margin:auto !important; }
.footer .row-fluid .span4 {
    margin: 0px !important;
}

@media (min-width: 30px) and (max-width: 768px) {
.row-fluid .wrapper {
    width: 100%;
    padding: 0 20px;
    float: left !important;
}
.footer-logo img {
    width: 180px !important;
    max-width: 280px;
}
.policy {
    float: left;
    margin-top: 15px;
}
.social_icons {
    text-align: center !important;
    float: none !important;
}
}




/* AccessiBe */
button.size-small::part(acsb-trigger),
button.size-medium::part(acsb-trigger) {
  width:55px;
  height:55px;
}