@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,600italic,400italic,300italic,800italic,800,700italic,700);



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



/* ==========================================================================
   HS COS Boilerplate v1.4.0                                
   ========================================================================== */

/* This responsive framework is required for all styles. */
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}

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

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

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

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

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

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

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

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

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
}

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

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 999px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
    }

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

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

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

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

/* Blog Author Section */
.hs-author-social-links {
    display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

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

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

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

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

/* 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(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

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



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

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

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

.hs_cos_flex-slider .caption {
    background-color: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    top: 40%;
    text-align: center;
}

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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

/* These includes are optional, but helpful. */
/* 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;} 





/* ==========================================================================

   Index:         

  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography

  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer

  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu

  4. TEMPLATE MODULE CLASSES
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages

  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons

  6. MISCELLANOUS

  7. MOBILE MEDIA QUERIES

   ========================================================================== */








/* ==========================================================================


   1. BASE STYLES                                             


   ========================================================================== */





/* ==========================================================================
   Variables                                               
   ========================================================================== */


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * 
 */

/* Colors */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below on it's own CSS property line.  
  * Ignore the jinja comment tags. 
  *
  * 
  */

 


 


/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * a {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  */




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


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

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

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
  background: #fff;
  color: #7c7c7c;
  font-family: 'Open Sans',Bitter,Georgia,serif;
  font-size: 14px;
  line-height: 150%;
}

/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */
a#logo img {
    width: 180px;
    height: 50px;
}
.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1380px;
  margin: 0 auto;
}

a { color: #0077C8;text-decoration:none; }
a:hover, a:focus { color: #00a5da;text-decoration:none; }

/* Highlighted Text */
/*::-moz-selection {
  color: #fff;
  background:#3399FF;
  text-shadow: none;
}
::selection {
  color: #fff;
  background:#3399FF;
  text-shadow: none;
}
*/
/* Custom styles by Srikanth  */
.col-md-4, .col-lg-4, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    /*padding-left: 10px;
padding-right: 15px;*/
}
@media (min-width: 1200px){
.col-md-4 {width: 33.33333333%;}
  .col-lg-4 {width: 33.33333333%;}}
.col-sm-8 {
    width: 66.6667%;
}
.col-sm-7 {
    width: 58.3333%;
}
.col-sm-6 {
    width: 50%;
}
.col-sm-5 {
    width: 41.6667%;
}
.col-sm-4 {
    width: 33.3333%;
}
.col-sm-3 {
    width: 25%;
}
.col-sm-2 {
    width: 16.6667%;
}
.col-sm-1 {
    width: 8.33333%;
}
.social_share{
    padding: 20px;
    text-align: right;
}
.social-sharebtn{
    padding:10px 0 20px 0;
}
.col {
    min-width: 0;
}
.header__callout {
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 1.875rem;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.header__callout a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4c4c4c;
}
.header__callout a:hover {
  color: #181870;
}
.header__callout:hover {
  opacity: .8;
}
.header__callout .main-nav__link--callout-bold {
  font-size: 2rem;
  font-weight: bold;
  color: #00a3e0;
  padding: 0;
  margin-top: 5px;
}
@media screen and (max-width: 999px){
.header__callout {
    display: none !important;
  }}
/* Subscribe model */
#subscribe-modal {
    display: none;
    width: 100%;
}

#subscribe-modal .center-modal {
    width: 466px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 120px auto;
    position: fixed;
    height: 420px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 20px #dedede;
    -moz-box-shadow: 3px 3px 20px #dedede;
    -ms-box-shadow: 3px 3px 20px #dedede;
    -o-box-shadow: 3px 3px 20px #dedede;
    box-shadow: 3px 3px 20px #dedede;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.highlight-bar {
    /*background: url(https://info.vistara.io/hubfs/bg-contact-us-lp.jpg?t=1497918132787) no-repeat scroll 0 0 rgb(243, 243, 243);
    /*opacity: 0.8;
    background-position: left center;
    background-size: auto 550px;
    background-repeat: no-repeat;
    position: relative;
    background-color: #FFF7E7;
    padding: 45px 0;
    margin-bottom:40px;*/
    background: url(https://www.opsramp.com/wp-content/uploads/2022/05/ops-hero_purple_magenta.svg) no-repeat scroll 0 0 rgb(243, 243, 243);
     background-position: left center;
    background-size: auto 320px;
    background-repeat: no-repeat;
  background-color: #425564;
    position: relative;
    padding: 32px 50px 32px 50px;
    margin-top: 20px;
    margin-bottom: 40px;
    border-radius: 5px;
    box-shadow: 0px 12px 18px rgba(0,0,0,.2);
    /*background-image: radial-gradient(49% 107%, #e33c2f 3%, #8a1d15 100%);*/
    background-position: right;
    background-repeat: no-repeat;
}
.border-s{border: 6px solid #425563;}
@media (max-width:767px){.highlight-bar {padding: 45px 10px 45px!important;}}
@media (max-width:767px){.hs-form-field {width:100%!important;}
    .hs-button.primary{width:55%!important;}
}
.underline {
    /* border-bottom: 2px solid #ffffff;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */
    display: inline-block;
    color: #fff;
}
body .hs-button.primary, body input[type="submit"], body input[type="button"]{/*margin-left:10px!important;*/}
.align-center {
    text-align: center !important;
}
.number-style{font-size: 48px;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  display: inline;
  background-image: linear-gradient(#fff 60%, #ff9797 55%);}
@media not all, not all, (-webkit-min-device-pixel-ratio: 1.3), not all, (min-resolution: 1.3dppx){
#subscribe-modal .upper-row {
    background-image: url(https://308166.fs1.hubspotusercontent-na1.net/hubfs/308166/newsletter-subscribe.jpg);
    background-size: 466px 222px;
}}

#subscribe-modal .upper-row {
    background-image: url(https://308166.fs1.hubspotusercontent-na1.net/hubfs/308166/newsletter-subscribe-icon.png);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-size: 300px 175px;
    height: 140px;
    background-repeat: no-repeat;
    width: 286px;
}
#subscribe-modal .lower-row {
    padding: 20px;
    text-align: center;
}

#subscribe-modal  .lower-row h2 { font-family: 'Open Sans'!important;
    font: 23px/1 DNLTR;font-weight:300;
    color: #333;line-height: 1.3em;
    margin: 0 0 20px 0;
}
#subscribe-modal .lower-row h3 { font-family: 'Open Sans'!important;
    font: 16px/1.4 PNR;
    color: #888;font-weight:500;
    margin: 16px 0 10px;
}
@media (max-width:767px){.hidden-xs{display:none!important;}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important;}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important;}}
@media (min-width:1200px){.hidden-lg{display:none!important;}}
.col-centered{margin:0 auto!important;}
@media (min-width: 1180px){
.xlarge-two-thirds.col {
    -ms-flex-preferred-size: calc(66.66667% - 6.66667px);
    /* flex-basis: calc(66.66667% - 6.66667px); */
    /* width: calc(66.66667% - 6.66667px); */
}}

@media (min-width: 960px){
.large-three-quarters.col {
    -ms-flex-preferred-size: calc(75% - 5px);
    flex-basis: calc(75% - 5px);
    width: calc(75% - 5px);
}}
@media (min-width: 768px){
.medium-three-quarters.col {
    -ms-flex-preferred-size: calc(75% - 5px);
    flex-basis: calc(75% - 5px);
    width: calc(75% - 5px);
}}
/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
p{font-size: 1.1rem;
    letter-spacing: 1px;line-height: 1.6;}
small {}
strong {}
em {}
cite {}
code {}
pre {
    background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #ddd;
    color: #666;
    font-family: monospace;
    border-left: 3px solid #425563;
    border-radius: 4px;
    line-height:20px;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

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

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

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",Bitter,Georgia,serif;
    font-weight: 500;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
    font-size: 30px;
    color:#181870;
    margin:24px 0;
    line-height:38px;
    margin:0 0 10px;
}
h2 {
    font-size: 1.2rem;
    color: #181870;
    margin: 0 0 20px;
    line-height:1.3;
}
h3 {
    color: #333333;
    font-size: 22px;
    margin: 0 0 20px;
    line-height:28.6px;
}
h4 {
    color: #333333;
    font-size: 20px;
    margin: 14px 0;
    line-height:28.6px;
}
h5 {
    color: #333333;
    font-size: 15px;
    margin: 30px 0;
    line-height:19.5px;
}
h6 {
    color: #333333;
    font-size: 14px;
    line-height:normal;
}
.line-long {
    width: 100%;
    height: 1px;
    display: block;
}
.recent-post-title{width:78%;}
.recent-post-title {
    font-size: 1.2rem;
    color: #181870;
    margin: 32px 0 0px;
    line-height: 1.3;
}
.post-tag-filter{width:22%; float: right; }
.post-tag-filter ul li a{ color: #181870!important; }

.recent-post-nav-container{width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.bottom-line{margin: 14px 0;
    /*max-width: 82.5rem;*/
    /* width: calc(100% - (1.875rem * 0)); */
    /* margin: 1.875rem auto; */
    position: relative;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    -o-border-image: linear-gradient(to right,#171c70 0,#5195d3 100%) 1 stretch;
    border-image: -webkit-gradient(linear,left top,right top,color-stop(0,#171c70),to(#5195d3)) 1 stretch;
    border-image: linear-gradient(to right,#171c70 0,#5195d3 100%) 1 stretch;}
/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  /*margin: 0;
  padding: 0;*/
}
ul, ol {
    margin-top: 0;
    margin-bottom: 11.5px;
  font-size: 1.1rem;
    letter-spacing: 1px;
    line-height: 1.6;
}
.micro-list li:after {
    color: #F73C3C;
    content: "\f0a4";
    font-family: fontawesome;
    font-size: 25px;
    height: 20px;
    left: -35px;
    position: absolute;
    top: -2px;
    width: 20px;
}
.micro-list li {
    position: relative;
    list-style: none!important;
}
li {
    position: relative;
    /*list-style: none;*/
  padding: 0 0 8px 0;
}
/* Quotes */
blockquote {text-align: left;
  font-size: 24px;
  line-height: 38px;
  color: #00558c;
  font-weight: semibold;
  padding: 30px 10px 0px 10px;
  /border-left: 2px solid #0077c8;/
  position: relative;}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}








/* ==========================================================================


   2. COS STRUCTURE                                            


   ========================================================================== */





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


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

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




/* ==========================================================================
   Header
   ========================================================================== */
.mobile-icon{
    display:none !important;
}
.header-container-wrapper {}
.header-container {}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}

.custom-header-bg{
    box-shadow: 0 0 5px #dedede;
    z-index:99999;
}

.header-container-wrapper.fixed {
    background: none repeat scroll 0 0 #FFF;
    position: fixed;
    width: 100%; z-index:999;
}
.custom-logo a img {

 /*   height: 70px;*/
      margin: 0px 20px 0 2.4vw;
    max-width: 190px;
}
.custom-logo {
  padding: 10px 0 10px 15px;
  width: 100%;
}
.custom-header-top-menu {
  padding: 4px 15px 8px;
  float:right !important;
  text-align:right;
}
.custom-header-top-menu ul {
  padding: 0;
}
.custom-header-top-menu ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.custom-header-top-menu ul li a {
    margin: 0;
    font-family: "Open Sans",Bitter,Georgia,serif;
    color: #353535;
    font-size: 14px;
    padding: 12px;
    text-shadow: 0 0 0 #a1a1a1;
    text-transform: uppercase;
}
.custom-header-top-menu ul li a:hover{
    color: #47ae37;
}
.custom-header-top-menu ul li:last-child a{
    background: linear-gradient(to bottom, #f24f00 0%, #ff6b0b 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 40px 8px;
    text-transform: capitalize;
}
.custom-header-top-menu ul li:last-child a:hover{
    background: linear-gradient(to bottom, #fc7c2b 0%, #fd7015 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: #ffffff;
    text-decoration: none;
}
/* Top Links */
.custom-Social-links {
    padding: 0 15px;
}
.custom-Social-links #toplinks {
    color: #505050;
    float: right;
    overflow: hidden;
    position: relative;
    text-shadow: 0 0 0 #222222;
    top: 5px;
}
.custom-Social-links .other-links {
    float: left;
}
 .custom-Social-links#toplinks ul {
    margin: 0;
}
.custom-Social-links .list-inline {
    list-style: none outside none;
    padding-left: 0;
    margin:0;
}
.custom-Social-links .other-links ul.list-inline li {
    font-size: 14px;
    padding: 0 5px;
}
.custom-Social-links .list-inline > li {
    display: inline-block;
}
.custom-Social-links .other-links ul.list-inline li a {
    color: #505050;
}
.custom-Social-links .social-links {
    float: left;
    padding: 0 0 0 15px;
}
.custom-Social-links .social-links ul.list-inline li {
    height: 20px;
    margin: 1px;
    padding: 0;
}
.custom-Social-links .icon {
    background: url("//cdn2.hubspot.net/hub/308166/file-1905199719-png/Vistarait-images/social-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    width: 20px;
}
.custom-Social-links .rssfeed {
    background-position: -1px center !important;
}
.custom-Social-links .linkedin {
    background-position: -26px center;
}
.custom-Social-links .twitter {
    background-position: -53px center;
}
.custom-Social-links .facebook {
    background-position: -77px center;
}
.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
}

.progress-bar {
  height: 8px;
  background: linear-gradient(270deg,#00A3E0 0,#284e95 22.79%,#334284 49.07%,#3c2766 74.77%);;
  width: 0%;
}


/* Menu */

.custom-menu-background{
    /*background: url("//cdn2.hubspot.net/hub/308166/file-1973366413-png/Vistarait-images/menu-background.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
}

/* Header hero image */

.custom-header-background{
    background: url("https://308166.fs1.hubspotusercontent-na1.net/hubfs/308166/bg-blog-hero.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*margin-top:-10px;*/
    width:100%;
    /*position:relative;
    z-index:-99998;
    float: none;
    margin: 0 auto;
    background-position:center center;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;*/
background-size: cover; 
}


@media (max-width:991px){.custom-header-background{   
    /*background-image:none!important; background-color: #E6E9EF;*/
    background: url(https://308166.fs1.hubspotusercontent-na1.net/hubfs/308166/bg-blog-hero.jpg?t=1490001005642) no-repeat scroll 0 0;
    min-height: 170px!important;
}}
.section-header{
    /*position: absolute;*/
    text-align:center;
}

.custom-header-background {}
.custom-header-background{ 
    height: 220px;
    margin-bottom:25px;
}
.custom-header-background img{
    max-width:100%;
    width:100%;
}
.custom-header-background h1{
    bottom: 80px;
    color: #FFFFFF;
    font-size: 3em;text-align:center;
    /*position: absolute;*/
    padding-top:50px; padding-bottom:25px;
    text-shadow: 0 0 15px #000000;
  text-transform: uppercase!important;
    margin: 0;
    z-index:-10;
}
.custom-header-background h2{
    font-size: 24px;
    color: #fff;
    margin: 0 0 20px;
    line-height: 1.3;
    text-align:center;
}
.custom-header-background .secondary-header span{
    bottom: 40px;
    color: #FFFFFF;
    font-size: 1.8em; text-align:center!important;
    /*position: absolute;*/
    text-shadow: 0 0 15px #000000;
    margin: 0;
}
/*.hero_subscribe {
    position: relative;
    padding-bottom: 60px;
    margin-top: -40px;
    min-height: 350px;
    background: rgb(40, 70, 102) url(https://www.vistarait.com/wp-content/themes/vistarait/assets/images/bg-news.jpg) no-repeat top center;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    height: 550px;
}*/
.subscribe-block {
    /*padding-top: 50px;*/
    padding-bottom: 50px;
}
.subscribe-block-content {
    background-color: #f0f2f3;
    /*background-image: url(/wp-content/themes/vidyard/img/pages/demo/trial-bg.jpg);*/
    background-size: 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    padding: 50px;
    padding-top: 30px;
    min-height:200px;
    padding-bottom: 40px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
}
.subscribe-block-content-text h2 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 25px;
    color:#00558C;
}
.hs-form-field {
    width: 65%;
    float: left;
}
.hs-form-field > label {display: none;}
custom-style.min.css:1
.hs-form-field {
    margin-bottom: 1em;
}
@media (max-width: 991px) {
    .custom-header-background{
        display: none;
        /*height: 100px;*/
        margin-bottom: 0px;
    }
    .custom-header-background h1{padding-top:5px!important;}
    .custom-header-background h1 a{ color: #FFF!important;
    bottom: 30px;
    font-size: 0.8em;
    font-weight: 600;
    text-shadow: none;
    margin: 0;
    line-height:25px;
}
.custom-header-background .secondary-header span a{color: #FFF!important; font-size: 0.8em;
    font-weight: 300;
    text-shadow: none;}
}
ul li::before {
  font-weight: bold;}
ol {
  counter-reset: item;
  margin: 0 0 1.5em;
  padding: 0;
}
ol > li {
  counter-increment: item;
  list-style-type: none;
  margin: 0;
  padding: 0 0 8px 2rem;
  text-indent: -1.2rem;
      font-size: 1.1rem;
    letter-spacing: 1px;
    line-height: 1.6;
}

ol > li::before {
  content: counter(item) ".";
  color:#425563;
  display: inline-block;
  font-weight: bold;
  padding-right: .5rem;
  text-align: right;
  width: 1.2rem;
}
.quote__content {
    flex: 1;
    background: #f6f8fa;
    width: 55%;
    margin-left: 45%;
    position: relative;
    box-sizing: border-box;
    padding: 66px 66px 66px 112px;
}
.quote__content_right {
    flex: 1;
    background: #00A3E0;
    color:#00558c!important;
    width: 100%;
    /*margin-right: 45%;*/
  text-align: justify;
  text-justify: inter-word;
  border-radius: 8px;
    position: relative;
    box-sizing: border-box;
    padding: 45px 45px 45px 112px;
}

.quote__text {
    position: relative;
    z-index: 1;
}
.quote__text_right {
    position: relative;
    z-index: 1;
}
.quote__text_right h4{
color:#fff!important;
}
.quote__text_right:before {
    width: 66px;
    height: 66px;
    z-index: -1;
    content: ' ';
    opacity: 0.2;
    position: absolute;
    top: -33px;
    left: -44px;
    background-image: url('https://blog.opsramp.com/hubfs/Blog_images/quote.svg');
    background-repeat: no-repeat;
}
@media only screen and (max-width: 47.999em){
.quote__content {
    width: 100%;
    margin-left: 0px;
    padding: 24px 24px 42px 24px;
	}
.quote__content_right {
    width: 100%;
    margin-left: 0px;
    padding: 24px 24px 42px 24px;
	}}
.aside{background-color: #eff5fd;
    border-style: solid;
    border-color: #cccccc;
    padding: 20px !important;
    margin-top: 0;
    box-shadow: 0 3px 7px -1px rgba(0,0,0,0.1);
    margin-bottom: 1.6%;
    /* background: #fff; */
    line-height: 1.4;
    border-radius: 5px;}
/* Latest post blockk */
.post-module {
  position: relative;
  z-index: 1;
  display: block;
  background: #FFFFFF;
  min-width: 270px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-module:hover,
.hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}
.post-module:hover .thumbnail img,
.hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}
.post-module .thumbnail {
  background: #000000;
  height: 370px;
  overflow: hidden;
  /*border-radius: 5px;*/
}
.post-module .thumbnail .date {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  background: #e74c3c;
  width: 55px;
  height: 55px;
  padding: 12.5px 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post-module .thumbnail .date .day {
  font-size: 18px;
}
.post-module .thumbnail .date .month {
  font-size: 12px;
  text-transform: uppercase;
}
.post-module .thumbnail img {
  display: block;
  width: 120%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-module .post-content {
  position: absolute;
  bottom: 0;
  background: #FFFFFF;
  width: 100%;
  padding: 30px;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}
.post-module .post-content .category {
  position: absolute;
  top: -34px;
  left: 0;
  background: #e74c3c;
  padding: 10px 15px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.post-module .post-content .title a{
  margin: 0;
  padding: 0 0 10px;
  color: #181870!important;
  font-size: 26px;
  font-weight: 700;
  font-family: 'Open Sans', Bitter,Georgia,serif;
}
.post-module .post-content .sub_title {
  margin: 0;
  padding: 0 0 20px;
  color: #e74c3c;
  font-size: 20px;
  font-weight: 400;
}
.post-module .post-content .description {
  display: none;
  color: #666666;
  font-size: 14px;
  line-height: 1.8em;
}
.post-module .post-content .post-meta {
  margin: 30px 0 0;
  color: #999999;
}
.post-module .post-content .post-meta .timestamp {
  margin: 0 16px 0 0;
}
.post-module .post-content .post-meta a {
  color: #999999;
  text-decoration: none;
}
.hover .post-content .description {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
}
/* end Latest post Block */
/* Magezine style */
  section#teaser {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 276px);
  grid-gap: 6px;
  margin: 0;
}

section#teaser > div:nth-of-type(1) {
  background-color: #00558c;
  grid-row: 1/4;
  grid-column: 1/4;
  background-size: cover;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  box-shadow: 0 3px 7px -1px rgba(0,0,0,0.1);
border-radius: 5px;
  font-size: 3.9vw;
}
section#teaser > div:nth-of-type(1):hover img {
  transform: scale(1.5);
}
section#teaser > div:nth-of-type(1) > div {
  color: white;
  position:relative;
  /*display: flex;
  align-items: flex-end;
  justify-items: flex-end;*/
  width: 100%;
  box-shadow: 0 3px 7px -1px rgba(0,0,0,0.1);
border-radius: 5px;
  background: linear-gradient(#0000005c, #000000);
}
section#teaser > div:nth-of-type(1) > div span{position: absolute;
    bottom: 5%;}
section#teaser > div:nth-of-type(1) > div span > p {font-size:18px!important;}
section#teaser > div:nth-of-type(1) > div span > p > .date{text-align: right;
    display: inline-block;
    position: absolute;
    float: right;
    width: 204px;}
section#teaser > div:nth-of-type(1) > div p {
      display: block;
    font-size: 24px;
    font-family: "Open Sans",sans-serif;
    margin: 0;
    width: 100%;
    font-weight:700;
    color: #fff;
    padding: 20px 0 0 20px;
    float: left;}
section#teaser > div:nth-of-type(1) > div > h2 {
  display: block;
  position:absolute;
  /*align-items: flex-end;
  justify-items: flex-end;*/
  grow: 1;
  font-size: 2rem;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  width: 100%;
  padding: 18px;
  padding-top:15rem;
}
section#teaser > div:nth-of-type(1) > div > h3 {
  color: #FFFFFF;
  font-size: 1.5rem;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  width: 100%;
  padding: 18px;
}
section#teaser > div:nth-of-type(1) > div > h2 a {color: #FFFFFF;}
section#teaser > div  {
  background-color: #999;
  display: flex;
  margin: 0;
  /*align-items: flex-end;
  justify-items: center;*/
  font-size: 2vw;
  background: linear-gradient(#0000005c, #000000);
}

section#teaser > div > div {
  background: linear-gradient(#0000005c, #000000);
  display: flex;
  grow: 1;
  color: white;
  height: 100%;
  width: 100%;
  /*align-items: flex-end;
  justify-items: center;*/
  font-family: "Open Sans", sans-serif;
}

section#teaser > div h2 { 
  margin: 0;
  font-weight: bold;
  padding: 18px;
}

section#teaser > div > p { 
  color: white;
  font-size:0.5em;
  font-family: "Open Sans", sans-serif;
}

/* caption - posts */

.wp-caption {
    max-width: 100%;
    /*border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,0.15);*/
    padding: 5px;
    text-align: center;
    /*border-radius: 3px;
    box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0.075);*/
}
.wp-caption-block { min-height: 310px;
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0.075);
    margin-bottom: 20px;
    padding: 10px;}
.alignleft {
    float: left;
    margin: 0.35em 1.313em 0.35em 0;
}
.floatleft{
float: left!important;
}
.floatright{
float: right!important;
}
.alignright {
    float: right;
    margin: 0.35em 1.313em 0.35em 0;
}
/* ==========================================================================
   Content                                                 
   ========================================================================== */


.body-container-wrapper {}
.body-container .page-center{
    padding:10px 15px;
}


/* Unique Pages
   ========================================================================== */

/* Homepage */

/* Contact Us */

/* About Us */


/* Modular & Reusable Components
   ========================================================================== */

/* Callouts */

/* Social Media Custom Icons */

/* Additional Menus aside from the Main Nav */




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


.footer-container-wrapper {}
.footer-container {}
.custom-footer{
    background:#425563;
    padding:15px 0 0;
}
.custom-col1{padding-left: 15px;
    padding-right: 15px; width: 20% !important;}
.custom-col2,.custom-col3,.custom-col4{
    padding-left: 15px;
    padding-right: 15px;
    width: 19% !important;
    margin:0 !important;
}

.custom-col1 h4,.custom-col2 h4,.custom-col3 h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 10px;
    text-transform: uppercase;
    line-height: 1.3;
    font-family: "open Sans",Bitter,Georgia,serif;
}
.custom-col4 h4 {
  color: #ffffff;
  font-family: "open Sans",Bitter,Georgia,serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
.custom-col4 {
  padding: 0 0 0 45px;
}
.custom-col4 p {
  margin: 0 0 10px;
}
.custom-col4 p strong {
  color: #ffffff;
  font-family: "open Sans",Bitter,Georgia,serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 23.4px;
}
.custom-col1 ul,.custom-col2 ul,.custom-col3 ul{
    list-style:none;
    padding:0;
    margin:0;
}
.custom-col1 ul li,.custom-col2 ul li,.custom-col3 ul li{
    padding:0;
    margin:0;
    line-height:30px;
}
.custom-col1 a,.custom-col2 a,.custom-col3 a,.custom-col4 a  {
    color: #ffffff;
    font-size:13px;
    font-weight:400;
    line-height:23.4px;
}
.custom-copyright p{
    text-align:center;
    margin:0 0 10px;
    padding:30px 0 15px;
    color:#ffffff;
    font-size:13px;
    font-weight:400;
    line-height:23.4px; 
}
.custom-copyright p a{
    color:#ffffff;
}
.btnb {
  background-color: #00a3e0;
    color: #16196e;
  border: 2px solid white;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    height: 2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
    padding-right: 3.5rem;
    padding-left: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-clip-path: polygon(0 0,100% 0,calc(100% - 32px) 100%, 0% 100%);
    clip-path: polygon(0 0,100% 0,calc(100% - 32px) 100%, 0% 100%);
}
.btnb::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 112%;
    bottom: 0;
    right: 12px;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    background-color: white;
}
.btnb:hover {
    background-color: white;
    color: #00a3e0;
    border: 2px solid #00a3e0;
}

.custom-col4 .social-links {
  padding: 1px 0 0;
}
.custom-col4 #contact-section .social-links {
    padding: 0;
}
.custom-col4 .site-footer ul {
    margin: 0;
    padding: 0;
}
.custom-col4 .social-links ul.list-inline li {
    height: 20px;
    margin: 1px 5px 1px 1px;
    padding: 0;
}
.custom-col4 .site-footer ul li {
    list-style: none outside none;
}
.custom-col4 .list-inline {
  margin: 0;
  padding: 0;
}
.custom-col4 .list-inline > li {
    display: inline-block;
}
.custom-col4 .icon-white {
  background: url("//cdn2.hubspot.net/hub/308166/file-1906903766-png/Vistarait-images/social-sprite-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}
.custom-col4 .footer-social .rssfeed {
  background-position: 0 0;
}
.custom-col4 .footer-social .linkedin {
  background-position: -24px 0;
}
.custom-col4 .footer-social .twitter {
  background-position: -50px 0;
}
.custom-col4 .footer-social .facebook {
  background-position: -75px 0;
}
#footer .social-links{
    margin-top: 18px;
}
#footer .social-links h4{
	margin-bottom: 5px;
}
#footer .social-links ul li{
	padding: 0 2px 0 0;
}
#footer .social-media-icons {
    font-size: 0;
}
.social-media-icons li {
    display: inline;
    font-size: 19px;
}
.social-media-icons a {
    display: inline-block;
    padding: 0 13px;font-size: 19px;
    text-decoration: none;
}
.social-media-icons a {
    color: #9596a1!important;
    color: rgba(255, 255, 255, 0.5);
}
.social-media-icons a:hover {
    color: #fff!important;
}
/* ==========================================================================


   3. MAIN NAVIGATION                                            


   ========================================================================== */





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


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:transparent;
  float:left;
  padding-left:15px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:transparent;
  margin: 0 29px 0 0;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:#ffffff;
  padding: 15px 10px 15px 0;
  text-decoration:none;
  line-height:21px;
  font-weight:400;
  font-size:14px;
  font-family: "open Sans",Bitter,Georgia,serif;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children{
    /*background: url("//cdn2.hubspot.net/hub/308166/file-1906893716-png/Vistarait-images/caret.png") no-repeat scroll right center;*/ 
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:#ffffff;
  text-decoration:underline;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children a:hover {
    text-decoration: none;
}
/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
    background:#333333;
    transition: opacity 0.5s linear 0s;
    min-width: 140px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:transparent;
  margin: 0;
  padding: 5px 10px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:#ffffff;
  border-bottom: 1px solid #333333;
  text-decoration: none;
  line-height:21px;
  font-weight:400;
  font-size:14px;
  font-family:"open Sans",Bitter,Georgia,serif;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:#ffffff;
  text-decoration: none;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* CARETTECH EDIT START */
#vTopHeader .hs-menu-wrapper{
    /*float: right;*/
  margin-top:22px;
}
#vTopHeader .hs-menu-wrapper ul li{
    position: relative;
    margin-right: 30px;
}
#vTopHeader .hs-menu-wrapper ul li a {
    font-size: 1.125rem;
/*font-weight: 700;*/
letter-spacing: 1px;
color: #4c4c4c;
    padding: 12px 0px 12px 12px;
    text-shadow: 0 0 0 #A1A1A1;
    /*text-transform: uppercase;*/
}
#vTopHeader .hs-menu-wrapper ul li ul.hs-menu-children-wrapper {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    font-size: 14px;
    list-style: none outside none;
    padding: 5px 0;
    z-index: 1000;
}
#vTopHeader .hs-menu-wrapper ul li ul.hs-menu-children-wrapper {
    border-radius: 0;
    min-width: 200px!important;
}
#vTopHeader .hs-menu-wrapper ul li ul.hs-menu-children-wrapper li a{
    white-space: nowrap;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: solid 1px #eee;
    /*text-transform: capitalize;*/
    font-size: 13px;
}
#vTopHeader .hs-menu-wrapper ul li ul.hs-menu-children-wrapper li:last-child a{
    border-bottom: none;
}
#vTopHeader .hs-menu-wrapper ul>li>a div{color: #00558C;}
#vTopHeader .hs-menu-wrapper ul>li>a span{
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    /*padding: 10px 40px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #fc7c2b 0%, #fd7015 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: transparent;
    color: #fff;
    text-decoration: none;
    display: inline;*/
    /*margin-right: -12px;*/
    font-weight: 700;
    color: #E03C31;
    padding: 10px 25px;
    border-radius: 40px;
    background-color: transparent;
    border: 1px solid #E03C31;
}
#vTopHeader .hs-menu-wrapper ul>li>a span:hover{background-color: #E03C31;
    border: 1px solid #E03C31;
    border-color: transparent;
    color: #fff;
    text-decoration: none;}
.header-container .row-fluid .span9.widget-span.widget-type-cell{
    /*margin-left:120px!important;*/
  padding: 10px 9px;
float: right;
}
#vTopHeader .hs-menu-wrapper ul li a small{
    position: static;
    margin-top: 0;
    margin-right: 0;
    margin-left: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px dashed transparent;
}
#vTopHeader .hs-menu-wrapper ul li a i{
    position: absolute;
    right: 0;
    margin-top: 6px;
    margin-right: 15px;
    border-top: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px solid;
}
#vTopHeader .hs-menu-wrapper.hs-menu-flow-horizontal>ul li ul li.hs-item-has-children a{
    padding-right: 30px;
}
@media screen and (max-width:999px) {
      #vTopHeader .hs-menu-wrapper { 
          display:none !important;
      }
      .header-container .row-fluid .span9.widget-span.widget-type-cell{
    margin-left:120px!important;
    padding: 0!important;
}
  }
/* CARETTECH EDIT END */
.hs-menu-depth-2 a:hover{border-bottom: 1px solid #00a3e0;
    background: -webkit-gradient(linear,left top,left bottom,from(#f2fbfe),to(#f4fbf7));
    background: linear-gradient(#f2fbfe 0,#f4fbf7 100%);}
/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:999px) {
      .custom-menu-primary .hs-menu-wrapper { 
          display:block !important;
      }
  }

/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

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

@media (max-width: 999px){


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

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


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

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #343434;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #343434; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #343434; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #343434; 
    border-color: transparent;
  }


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

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #343434; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #ffffff; /* Icon color */
  }


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

 
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 44px; /* Makes room for button */
       margin: 10px 0 10px 0;
   }

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

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

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#343434; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
   
   .custom-menu-primary .hs-menu-flow-horizontal > ul {
        padding: 10px 0 0 10px !important;
        width: 220px;
    }
    
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children{
        position: static;
    }
   
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 21px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
     /*  border-top: 1px dotted rgba(255, 255, 255, .35);Adds transparent dark highlights to top of top level list items */
     padding:5px;
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
    font-size:14px;
    line-height:18px;
    display:inline-block;
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
    text-decoration:none;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
      padding: 5px 0 5px 6px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    font-size: 14px !important; /* Font size of child lists */
    line-height:18px;
    display:inline-block !important;
  }

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





/* ==========================================================================


   4. TEMPLATE MODULE SELECTORS                                         


   ========================================================================== */





/* Common Template Selectors                                             
   ========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column, 
body.landing-page.one-column, 
body.error-template.one-column, 
body.password-template.one-column, 
body.subscription-template.one-column {}

body.site-page.one-column .main-content, 
body.landing-page.one-column .main-content, 
body.error-template .main-content, 
body.password-template .main-content, 
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column, 
body.landing-page.two-column, 
body.blog {}  

body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

/* Common Three Column Selectors */
body.site-page.three-column, 
body.landing-page.three-column {}

body.site-page.three-column .main-content, 
body.landing-page.three-column .main-content {}


/* Site Pages                                            
   ========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {}
body.site-page.one-column .main-content {}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}


/* Landing Pages                                           
   ========================================================================== */

/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}


/* System Pages                                          
   ========================================================================== */

/* Error Templates 404, 500 */
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}

/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}






/* ==========================================================================


   5. COS COMPONENTS                                        


   ========================================================================== */





/* ==========================================================================
   Blog                                         
   ========================================================================== */


/* Blog Post and Listing Body Class */
body.blog {}

/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {}


/* Blog Content Column
   ========================================================================== */

.blog .blog-content {}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

/* Blog Title */
.hs-blog-header h1 a{}

.post-header h2{
    margin:10px 0 15px;
    padding:0 0 0px 0;
}
/* Blog Post Title */
.post-header h1 a {
    color: #00558C;
    font-weight: 200;
    font-size: 1.5em;
    line-height: 55px;
    margin-bottom:5px;margin-top:30px;
}
.post-list-header{padding: 0 10px 0 15px;}

.post-header h2 a {
    font-size: 2.6rem;
    font-weight: 900;
    line-height: 1.15;
}
.post-header h1 a {
    font-size: 2.6rem;
    font-weight: 900;
    line-height: 1.15;
}
.call-to-action__content-title--grad {
    width: 100%;
    background: -webkit-gradient(linear,left top,right top,color-stop(10%,#3c2767),color-stop(35%,#1c57a3),color-stop(75%,#dad945));
    background: linear-gradient(90deg,#181870 10%,#181870 35%,#C51E9A 75%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.post-list-header h1 a {
    color: #00558C;
    font-weight: 200;
    font-size: 1em;
    margin-bottom:5px;margin-top:30px;
   
}
.post-list-header h2 a {
    color: #181870;
    font-weight: 700;
    font-size: 1em;
    margin-bottom:5px;margin-top:30px;
  font-family: 'Open Sans', cursive;
  
}
.post-list-header h2 a:hover {
  color: #181870;
  -o-border-image: linear-gradient(to right,#00a6e6,#27ae5c) 1;
border-image: -webkit-gradient(linear,left top,right top,from(#00a6e6),to(#27ae5c)) 1;
border-image: linear-gradient(to right,#00a6e6,#27ae5c) 1;
  border-bottom: 1px solid;
}
.blog-post-wrapper{
    /*padding:0 15px;*/
    /*border-right: 1px solid #ddd;*/
padding: 0 10px 0 12px;
}

@media (max-width: 767px) {
    .blog-post-wrapper{
    border-right: 0;padding:0!important;
   }
   .blog-post-wrapper .post-header h2 a{color: #113857;
    font-weight: 700;
    font-size: 1.8em;}
   .blog-post-wrapper .post-header h1 a{color: #113857;
    font-weight: 700;
    font-size: 1.2em;}
}

.blog-post-wrapper .post-header h2{
    margin:19px 0;
    padding:0;
}
.blog-post-wrapper .post-header h1{
    margin:19px 0;
    padding:0;
}
.blog-post-wrapper .post-header h2 a {
     /*font-size: 2.5em/1.08em;
    line-height:31.2px;*/
    
}
.blog-post-wrapper .post-header h2 a:hover {
  color:#00A3E0;
}
.blog-post-wrapper .post-header h1 a:hover {
  color:#00A3E0;
}
/* Blog Author and Avatar */
#hubspot-author_data {
    margin-left:20px;
}
.auth-bio{
    margin-left:15px;
}
.author {
    margin-top: 5px;
}
a.author-link {color: #181873;}
.hs-author-avatar {
    margin: -30px 10px 0 0px;
}
.hs-author-avatar {
    overflow: hidden;
    background-color: #F0F7F7;
    border-radius: 10%;
    border: 2px solid #fff !important;
}
.hs-author-avatar-post {
    margin: -40px 10px 0 20px;
}
.hs-author-avatar-post {
    overflow: hidden;
    background-color: #F0F7F7;
    border-radius: 10%;position: relative;
    border: 2px solid #fff !important;
}
.hs-author-avatar-xlarge{
    width: 120px;
    height: 120px;}
.hs-author-avatar-large {
    width: 80px;
    height: 80px;
}
.hs-author-avatar-large-home{
    width: 60px;
    height: 60px;
}

@media (max-width: 768px){
.hs-author-avatar-large {
    width: 40px;
    height: 40px;
}}
@media (max-width: 768px){
.hs-author-avatar-large {
    margin-top: -30px;
}}
.hs-author-avatar .hs-author-avatar-post .hs-author-avatar-inner {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.hs-author-avatar .hs-author-avatar-inner a img {
    border-radius: 0;
    display: block;
    margin: 0px auto;
}
.hs-author-profile{
    margin-top:10px;
    margin-bottom:15px;
    /*border-bottom: 1px solid #DDD;*/
    /*padding-bottom: 5%;*/
padding-top: 0;
margin-bottom: 4%;
}
.hs-author-social-section{
    margin-top:8px;
}
.pull-left {
    margin-right: 20px;
}
.pull-right {
    float: right !important;
}
.white{color:#fff;}
.button.small {
    font-size: 14px;
    padding: 12px 30px;
    line-height: 18px;
    width: 160px;
}
.button.medium {
    font-size: 14px;
    padding: 12px 20px;
    line-height: 18px;
    /*width: 178px;*/
}
.button.secondary {
    /*color: #0077C8;
    background-color: transparent;
    border: 1px solid #0077C8;
    box-shadow: none;*/
}
.button.secondary:hover{color:#fff; background-color: #0077C8;
    /*border: 1px solid #0077C8;*/}
.text-clip{overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.divblock {
    display: block;
}

.button {
    background-color: #16196e;
    color: #fff!important;
    border: 2px solid white;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    height: 2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
    padding-right: 3.5rem;
    padding-left: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    /*-webkit-clip-path: polygon(0 0,100% 0,calc(100% - 32px) 100%, 0% 100%);
    clip-path: polygon(0 0,100% 0,calc(100% - 32px) 100%, 0% 100%);*/
}
/*.button::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 112%;
    bottom: 0;
    right: 12px;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    background-color: white;
}*/
.button.white_secondary {
    color: #00558c;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: none;
    padding: 12px 38px;
}
.mt2 {
    margin-top: 2rem;
}
.mt40{margin-top:40px;}
.ml15 {
    margin-left: 15px;
}
.gray-bg{background-color: #f3f5f9;
padding: 20px;}
.header-bg-img{background-image: url(https://www.opsramp.com/wp-content/uploads/2022/05/ops-hero_purple_magenta.svg);
min-height: 14.375rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;}
/* Use this to set up different styling for your blog posts */
.post-listing{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.blog-listing-wrapper .post-listing .post-item {
    /*background: none no-repeat scroll right top #e0e0e0;*/
    background: none no-repeat scroll right top #FFFFFF;
      /*box-shadow: 0 3px 7px -1px rgba(0,0,0,0.1);*/
    border-radius: 5px;
    display: inline-block;
    margin: 0 0 30px;
    /*border-bottom: 1px solid #DDDDDD;*/
    padding-bottom: 2%;
    padding-top: 0;
    /*margin-bottom: 4%;*/
    float: left;
  min-height:540px;
    /*width: 50%;*/
 /* width: 31.33333333%;*/
  padding: 0 15px 15px 15px;
}
.blog-listing-wrapper {
    /*border-right: 1px solid #ddd;*/
    /*padding: 0 10px 0 12px;*/
}
.blog-listing-wrapper .post-listing .post-item .post-body {min-height:50px;}
@media screen and (max-width:999px) {
      .blog-listing-wrapper { 
          border-right: 0px;padding: 0!important;
      }
      .blog-listing-wrapper .post-listing .post-item {width:100%; margin-bottom:4em;padding:0!important;}
  }
.blog-listing-wrapper .post-listing .post-item .post-body {
    padding: 0 10px 0 15px!important;
}
.post-info{
    padding: 0 15px 10px 0;
}
.blog-post-wrapper .post-body {
    margin-bottom:40px;
    margin-top:20px;
}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
  border-width: 0;
  /*max-height: 400px;*/
  max-width: 100%;
  clip: rect(0px, 0px, 190px, 0px);
  /*height: auto;
  width: auto;*/
  display: inline-block !important;
  float: right;
  margin: 0 0 10px 0;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  /*padding-bottom:16px;*/
}
.hs-featured-image:hover{box-shadow: rgba(96, 84, 84, 0.2) 0px 2px 2px, 
        rgba(96, 84, 84, 0.2) 0px 4px 4px,
        rgba(96, 84, 84, 0.2) 0px 8px 8px,
        rgba(96, 84, 84, 0.2) 0px 16px 16px,
        rgba(96, 84, 84, 0.2) 0px 32px 32px,
        rgba(96, 84, 84, 0.2) 0px 64px 64px;}
/* Read More Link */
a.more-link {
    font-size: 1.2em;
    color: #425563;
  line-height: 1.6em;
}
.reading-minutes{color:#425563;
font-weight: lighter;padding: 0 10px 0 15px !important;}
/* Blog Topics List */
#hubspot-topic_data {}
#hubspot-topic_data a.topic-link {}

/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 0px 0 10px 0;
  height: auto;
  float:right;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  /*border-bottom: 1px solid #ccc;*/
  margin-bottom: 30px;
  margin-top: 30px;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }
/* New Paginatioon */
/* blog pagnation */
.blog-pagination {
    /*margin-top: 50px;*/
}
.blog-pagination .previous-posts-link {
    float: none;
}
.blog-pagination ul {
    text-align: center;
    margin: 30px 0;
}
.blog-pagination ul span.pg {
    margin: 0 20px;
}
.blog-pagination ul li {
    display: inline-block;
    background: ;
}
.blog-pagination ul li a i,
.blog-pagination ul li {
    zoom: 1.2;
}
.blog-pagination ul li.hide {
    visibility: hidden;
}
.blog-pagination ul li a {
    padding: 5px 8px !important;
    text-decoration: none;
    line-height: 20px;
    color: ;
}
.blog-pagination ul li:hover,
.blog-pagination ul li.active {
    background: ;
}
.blog-pagination ul li:hover a,
.blog-pagination ul li.active a {
    color: ;
}
.blog-pagination .next-posts-link {
    float: none;
}
/* End new pagination */
/* Pagination */
.center {
    text-align: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
    color: #425563;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0077C8;
    border-color: #0077C8;
}

.pagination li>a:hover:not(.active) {background-color: #A7BCD6;}

.pagination>.disabled>a {
    color: #777; 
    /*cursor: not-allowed!important;*/
    pointer-events: none;
       cursor: default;
    background-color: #fff;
    border-color: #ddd;
}

a .blog-pagenation  {

}
/*.blog-pagination .previous-posts-link {
    background: url("//cdn2.hubspot.net/hub/308166/file-2273860733-png/Vistarait-images/arrow_left_light.png") no-repeat scroll left 11px #D3D4D6;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
    color: #fff;
    text-decoration: none;
    height: 30px;
    padding: 5px 20px 9px;
    text-decoration: none;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.blog-pagination .previous-posts-link:hover {
    background: url("//cdn2.hubspot.net/hub/308166/file-2273860733-png/Vistarait-images/arrow_left_light.png") no-repeat scroll left 11px #F24F00;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
    color: #fff;
    text-decoration: none;
    height: 30px;
    padding: 5px 20px 9px;
    text-decoration: none;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.blog-pagination #next-posts-link {
    background: url("//cdn2.hubspot.net/hub/308166/file-2278113749-png/Vistarait-images/arrow_right_light.png") no-repeat scroll right 11px #D3D4D6;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
    color: #fff;
    text-decoration: none;
    height: 30px;
    padding: 5px 20px 9px;
    text-decoration: none;
    float: right;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}*/

.blog-pagenation .next-posts-link {
   float:right;
}
.blog-pagination #next-posts-link:hover {
    background: url("//cdn2.hubspot.net/hub/308166/file-2278113749-png/Vistarait-images/arrow_right_light.png") no-repeat scroll right 11px #F24F00;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
    color: #fff;
    text-decoration: none;
    height: 30px;
    padding: 5px 20px 9px;
    text-decoration: none;
    float: right;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.blog-pagination .all-posts-link {}


/* Blog Sidebar
   ========================================================================== */

.blog .blog-sidebar {}

/* Blog Modules */
.blog .blog-sidebar .widget-span {}




/* ==========================================================================
   Forms
   ========================================================================== */


/* All Global Forms
   ========================================================================== */

/* Form Field */
body .hs-form-field {}

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

/* Labels */
body label {}
body .hs-form-field > label {display:none;}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    width: 100%;
    /*max-width:500px;*/
    font-family: 'Open Sans',Bitter,Georgia,serif;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    /*border-radius: 4px;*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-sizing: border-box;
    display: inline-block;
  border-radius: 4px 0 0 4px;
    font-size: 14px;
    margin-bottom:14px;
    padding: 6px;
    transition: border 0.2s ease 0s, box-shadow 0.2s ease 0s;
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
     border-color: rgba(53, 116, 227, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(53, 116, 227, 0.6);
    outline: 0 none;
}

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

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

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

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

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

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}


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

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {padding-left:20px; padding-right:10px;}

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

/* Labels */
.hs_cos_wrapper_type_form label {
    display:none;
}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {
    width:100%;
    max-width:500px;
}

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

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

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


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

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {
    display: block;
    font-family: "open Sans",Bitter,Georgia,serif;
    font-size: 14px;
    font-weight: bold;
    margin: 4px 0;
}
/* Inputs */
#comment-form input[type="text"],#comment-form input[type="email"] {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    font-family: inherit;
    line-height: 17px;
    padding: 10px;
}
#comment-form input[type="text"]:focus {}

#comment-form textarea {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    font-family: inherit;
    line-height: 17px;
    padding: 10px;
}
#comment-form textarea:focus {}

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

/* Error */
body .hs-common-error-message {}


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

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

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

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


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

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

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


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

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

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

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




/* ==========================================================================
   Buttons                                              
   ========================================================================== */


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

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    cursor: pointer;
    -webkit-appearance: none;
    /*text-decoration: none !important;
    background: linear-gradient(to bottom,#f24f00 0,#ff6b0b 100%) repeat scroll 0 0 rgba(0,0,0,0);
border-color: rgba(0,0,0,0);
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 6px 40px 6px;*/
text-transform: uppercase;
    border: 1px solid #00A3E0!important;
    background-color: #00A3E0!important;
    /*border-radius: 40px;*/
    letter-spacing: 0.6px;
font-size: 14px; 
    padding: 10px 20px;
    line-height: 14px;
    color: #fff;
    box-shadow: none;
    transform: none;
      display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
    /*padding-right: 3.5rem;*/
    border-radius: 0px 4px 4px 0px;
    padding-left: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*-webkit-clip-path: polygon(0 0,100% 0,calc(100% - 32px) 100%,0% 100%);
    clip-path: polygon(0 0,100% 0,calc(100% - 32px) 100%,0% 100%);*/
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
    background-color: #0077C8!important;
    color: #fff;
    border: 1px solid #0077C8!important;
    transform: scale(1.03);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24);
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}


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

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


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {
     display:table !important;
}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}

/* Comment Form Button
   ========================================================================== */

#comment-form .hs-button.primary {
  background: none repeat scroll 0 0 #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  box-shadow: none;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  text-shadow: none;
}




/* ==========================================================================


   6. MISCELLANOUS                                        


   ========================================================================== */
.custom_error_message .hs-button{
    display:table !important;
}
body .inputs-list {
    list-style:none;
    margin: 0;
    padding: 0
}
.hs-form-booleancheckbox,
.hs-blog-social-share li,
li.hs-form-radio {
    list-style: none;
    background:none;
    padding: 0;
}
.hs-form-required{
    color:#ff0000;
}
.hs-input {    height: 36px;}
.landing-page.one-column .hs-input {
   /*width: 50%;*/
}
.widget-type-google_search input[type="text"] {
   display: block;
   width: 50%;
}
#hs-pwd-widget-password {
   display: block;
   width: 50%;
}

 .body-container .widget-type-form, .body-container .widget-type-blog_subscribe, .body-container .widget-type-google_search, 
  .body-container .widget-type-email_simple_subscription,.custom-password-page {
    /*background-color: #ffffff;
    border-color: #47ae37 ;
    border-radius: 8px;
     border-style: solid ;
    border-width: 3px;*/
    color: #045e2d;
    display: block;
    font-family: "open Sans",Bitter,Georgia,serif;
    margin-bottom: 12px;
    margin-left: 18px;
    /*margin-top: 12px;*/
    padding:15px 0px 16px;
}
.widget-type-blog_subscribe{
    border-bottom: 1px solid #DDD;
}
.body-container .widget-type-email_simple_subscription,.custom-password-page,
.error-template .body-container .widget-type-google_search,
 body.landing-page.one-column .body-container .widget-type-form {
    width:60% !important;
}
h3.form-title {
  color: #FFFFFF; text-align:center;
  font-family: "open Sans",Bitter,Georgia,serif;
  font-size: 20px; font-weight:300;
  line-height: 33.6px;text-shadow: 0 0 15px #000000;
}
/*Blog Style */
.tag h1{text-transform: uppercase;
/*text-align: center;*/
color:#00558c;
  font-weight: bold;}
.tag h2{/*text-align: center;*/
color:#425563;}
.hs-blog-header h1 {
    display:none;
    font-size: 2.2em;
    margin: 22px 0 19px;
}
.listing-date {
  /*background: none repeat scroll 0 0 #626262;
  color: #ffffff;*/
  font-family: "open Sans",Bitter,Georgia,serif;
  font-size: 14px;
  /*padding: 10px 0 10px 10px;*/
  text-transform: capitalize;
}
p.listing-date {
  margin:0;   
}
.blog .content-wrapper {
  padding: 10px 0 30px;
}
.blog .blog-content {
  margin: 0 !important;
  width: 100%;
}
.custom-blog-sidebar {
    margin: 0 !important;
    width: 30.133% !important;
}
.blog .blog-sidebar {
  background: none repeat scroll 0 0 #f1f1f1;
  border-radius: 5px;
  margin: 30px 0 0 15px !important;
  padding: 10px;
  border-top: 4px solid #F24F00;
}
.hs-blog-listing .blog-sidebar{
    margin-top:15px !important;
}
.blog-sidebar .cell-wrapper{
    padding:0px 8px;
}
.blog-sidebar h3 {
  color: #47ae37;
  font-size: 15px;
  font-weight: normal;
  margin: 0 0 5px;
  line-height:19.5px;
}
.blog-sidebar ul {
    margin: 0 0 14px;
    padding: 0 0 0 0px;
    list-style:none;
}
.blog-sidebar ul li:before {
    /*content: "»";
    line-height: 24px;
    padding: 5px 5px 5px 0;*/
}
.blog-sidebar ul li a {
    color: #0077C8;
    line-height:24px;
}
.blog-sidebar ul li a:hover {
  color: #ea9629;
}
#new span:after {
  content: "New:";
    border-radius: .16667em;
    background-color: #2b9a4e;
    font-size: 16px;
  font-weight:bold;
    color: #ffffff;
    transition: all .3s ease-in-out;
    margin-left: .5rem;
    padding: 3px 6px 2px;
    line-height: 1;
}
.custom-blog-serach{
    border-bottom: 1px solid #DDD;
}
.custom-blog-serach label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
}
.custom-blog-serach .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.custom-blog-serach input[type="search"] {
     background-color: #f8f8f8;
     border: 1px solid #e5e5e5 !important;
     border-radius: 0;
     box-shadow: none !important;
     font-size:14px;
     font-family: inherit;
     font-weight: normal;
     line-height: 17px;
     max-width: 250px;
     margin-top:10px;
     padding: 10px 2px 10px 10px;
     width:250px;
}
.custom-blog-serach .search-form .search-submit {
    display: none;
}
*::-moz-placeholder{
    color:#7d7b6d;
    font-size:14px;
}
.blog-post-wrapper .post-date {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    margin: 30px 0 0;
    font-size: 12px;
    margin: 30px 0 0;
    color:#242424;
    line-height:21px;
}
.post-body img {
  /*box-shadow: 0 0 10px #222222;
  min-height: 146px;
  margin-top:-37px !important;
  max-width: 146px;*/
}
.blog-post-wrapper .post-body img {
  /*box-shadow: 0 0 10px #222222;*/
  margin-bottom:15px !important;
  width: 100%;
  margin-top: 10px !important;
  /*min-height: 224px;*/
}
.twitter-share-button{
    /*float:left;*/
    margin-bottom:5px!important;
}

/* aside social sharing*/
.social-sharing-vertical {
    position: absolute;
    text-align: center;
    /*top: 18%;
    position: fixed;
    right: 15px;*/
  top: 50%;
position: fixed;
right: 7%;
z-index: 9;
}

.social-sharing-vertical__inner {
    border-bottom: 3px solid #d8683f;
  display:none!important;
}

.social-sharing-vertical__inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    padding: 0 5px;
  background-color:#fff;
}
.social-sharing-vertical__title {
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 4px 0 2px 0;
    color: #a7a7a7;
    font-weight: 600;
    padding-bottom: 3px;
    cursor: default;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}
.email-share {
    height: 47px;
}
/* entypo */
[class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
}
a { 
   text-decoration: none;
}
#sticky-social ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.container {
   margin: 0 auto;
   /*padding: 20px 50px;*/
  
}
#sticky-social {
   right: 0;
   position: fixed;
   top: 180px;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
}
#sticky-social a span {
   line-height: 35px;
   right: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   right: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }  

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }  

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }  

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }  

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }  

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }  

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }
@media (max-width: 767px) {
    
    .blog-post-wrapper .post-body img{
        max-width: 100%;
        display: block;
    height: auto;
    max-width: 100%;
    }
    
} 
    

.hs-blog-post .blog-content {
  /*padding: 20px 0;*/
}
.hs-blog-post .content-wrapper {
  padding: 20px 0 30px;
}
.hs-blog-post .widget-type-blog_comments {
  padding: 0 15px;
}

/* featured posts */
.popular-wrapper ul.article_list {
height: auto;

}

.popular-wrapper ul.article_list li.popular-item span.number {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
font-weight: bold;
font-size: 16px;
line-height: 33px;
color: #045E2D;
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
vertical-align: top;
/*margin-right: 15px;*/
}



.popular-wrapper ul.article_list li.popular-item.post-1 span.number {
background-color: #FFFFFF;
margin-right:10px;
}
.popular-wrapper ul.article_list li.popular-item.post-2 span.number {
background-color: #FFFFFF;
margin-right:10px;
}
.popular-wrapper ul.article_list li.popular-item.post-3 span.number {
background-color: #FFFFFF;
margin-right:10px;
}
.popular-wrapper ul.article_list li.popular-item.post-4 span.number {
background-color: #FFFFFF;
margin-right:10px;
}
.popular-wrapper ul.article_list li.popular-item.post-5 span.number {
background-color: #FFFFFF;
margin-right:10px;
}



.popular-wrapper ul.article_list li.popular-item a.title {
display: inline-block;
max-width: 195px;
font-size: 1.2em;
line-height: 22px;
color:#045E2D;
/*height: 75px;*/
overflow: hidden;
margin-bottom:15px;
}


/* Blog Social Icons */

.custom-blog-social .social-sprite {
    background: url("//308166.fs1.hubspotusercontent-na1.net/hubfs/308166/Vistarait-images/social-icons.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 33px;
    width: 34px;
}
.custom-blog-social .social-twitter {
    background-position: -36px 0 !important;
}
.custom-blog-social .social-linked {
    background-position: -72px center !important;
}
.custom-blog-social .social-fb {
    background-position: 1px 0 !important;
}
.custom-blog-social .social-feed {
    background-position: -106px 0 !important;
}
.custom-footer {
  background: linear-gradient(to right,#171c70 0,#5195d3 100%)!important;
}

/****************Custom-footer-form**********/

.custom-footer-form{
   background:#ededed;
   padding: 12px 0 17px;
   margin:0;
}
.custom-footer-form .page-center{
    padding:0 10px;
}
.custom-footer-form .widget-type-form{
    padding:0;
    border:none !important;
    background:#ededed;
}
.custom-footer-form .hs_submit {
    color: #ffffff;
    float: left !important;
    width: 20%;
}
.custom-footer-form h3 {
    color: #333333;
    font-size: 24px;
    margin: 0 0 18px;
    font-family: "open Sans",​Bitter,​Georgia,​serif;
    text-align:center;
    font-weight:500;
}
.custom-footer-form .hs-form-field > label {
    display: none;
}
.custom-footer-form .input {
    float: left;
    padding: 0;
    width: 95%;
}
.custom-footer-form .hs-form-field {
    float: left;
    width: 20%;
}
.custom-footer-form input[type="text"], .custom-footer-form input[type="email"] {
  background: none repeat scroll 0 0 #ffffff !important;
  border: 1px solid #d2d2d2 !important;
  border-radius: 4px !important;
  box-shadow: none;
  line-height: 22.4px;
  margin: 0;
  padding: 8px 6px !important;
}
.custom-footer-form .hs-button.primary.large {
  background: none repeat scroll 0 0 #f24f00;
  border: medium none;
  box-shadow: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 6.8px 20px;
  text-shadow: none;
  width: 95%;
}
/** 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles here.
 *
 * This section is NOT for 'Custom' styles.  All custom styles must go in the
 * proper sections above.
 *
 * For instance, custom header and footer styles must go in the HEADER and 
 * FOOTER sections.  Custom styles for anything in-between the header and footer 
 * (such as, styles that are unique to the HOMEPAGE only), must go in the 
 * CONTENT section.
*/ 


.mobile-menu{
    display:none !important;
}






/* ==========================================================================


   7. MOBILE MEDIA QUERIES                              


   ========================================================================== */



   

/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */

@media (max-width: 1380px) {}
@media (min-width:1200px){}

/* Landscape tablet and smaller devices
   ========================================================================== */
@media(max-width:999px){
    .custom-menu-background{
        background:none;
    }
    .mobile-icon{
    display:block !important;
    }
    .desktop-menu{
        display:none !important;
    }
    /*.mobile-menu{
        display:block !important;
    }*/
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children{
        background:none;
    }
    
    /* Child - trigger */
    .child-trigger {
        display:inline-block !important;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: medium none !important;
        cursor: pointer;
        height: 34px;
        padding: 0 !important;
        position: absolute !important;
        right: 0;
        top: 0;
        width: 55px;
    }
  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper {
      visibility: visible !important;
      opacity: 1 !important;
      position: static !important;
      display: none;
  }

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{
      position: absolute; /**************************************************************/
      top: 0;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/
      width: 100%;
  }

  .custom-menu-primary .hs-menu-flow-horizontal{
      width: 100%; /* Full screen width */
      z-index: 8888;
  }
   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li{
      position: relative;
   }
    .custom-menu-primary {
        position:fixed !important;
    }
    a.child-trigger span {
      position: relative;
      top:0 /* Centers icon inside button */
      margin: 0 auto !important;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger span:after {
      position: absolute;
      content: '';
  }
  a.child-trigger span{
      width: 10px; /* Icon line width */
      height: 7px; /* Icon line height */
      /*background: url("//cdn2.hubspot.net/hub/308166/file-1906893716-png/Vistarait-images/caret.png") no-repeat scroll right center rgba(0, 0, 0, 0);*/
      display: block;
      right:10px;
      top:5px;
  }
  a.child-trigger span:after {
      width: 10px; /* Icon line width */
      height: 1px; /* Icon line height */
     /* background-color: #fff;  Icon color */
      display: block;
  }
  a.child-trigger span:after {
    /*  -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;*/
  }
  a.child-trigger.child-open span:after {
     /* -webkit-transform: rotate(-180deg);
       -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;*/
  }
  a.child-trigger.child-open span {
     /* -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
      transform: rotate(180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;*/
  }
}
@media (min-width:1200px)and (max-width:1366px){
  .container-fluid .row-fluid .page-center{
        /*max-width:1100px;*/
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }
  #vTopHeader .hs-menu-wrapper ul li a{padding: 12px 5px 12px 12px;}
}

@media(min-width:991px) and (max-width:1199px){
    .container-fluid .row-fluid .page-center{
        /*max-width:970px;*/
      width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    }
}
@media(min-width:768px) and (max-width:990px){
    .custom-header-top-menu {
      margin: 0 !important;
      padding: 4px 15px 8px;
      width: auto !important;
    }
    .container-fluid .row-fluid .page-center{
        max-width:750px;
    }
    .header-container-wrapper .page-center{
        padding-right:0 !important;
    }
    .custom-col4{
      padding:0 !important;   
    }
    .custom-blog-serach input[type="search"]{
        width:auto;
    }
    .post-body img{
        margin-top: 0 !important;
        max-width: 100%;
        min-height: 99.2833px;
    }
}

@media (max-width: 767px) {
    body input[type="text"],
    body input[type="password"], 
    body input[type="datetime"], 
    body input[type="datetime-local"], 
    body input[type="date"], 
    body input[type="month"], 
    body input[type="time"], 
    body input[type="week"], 
    body input[type="number"], 
    body input[type="email"], 
    body input[type="url"], 
    body input[type="search"], 
    body input[type="tel"], 
    body input[type="color"],
    body input[type="file"],
    body textarea,
    body select {
        max-width:100%;
    }
    .custom-Social-links,
    .custom-header-top-menu{
        display:none !important;
    }
    .custom-logo {
        padding: 18px 0 17px 15px;
    }
    .custom-col1, .custom-col2, .custom-col3, .custom-col4 {
      margin: 0 !important;
      width: 100% !important;
    }
    .custom-col4 {
      padding: 0 15px !important;
    }
    .blog .blog-sidebar{
        margin:0 !important;
    }
    .blog .blog-content {
      margin: 0 !important;
      width: 100% !important;
    }
    .post-body img {
        display: block;
        float: none !important;
        margin: 0 0 15px !important;
    }
    .blog-post-wrapper .post-body img{
        float:right !important;
        margin: 0 0 10px 15px !important;
    }
    .hs-blog-listing .hs-blog-header h1 {
      margin-top: 10px;
    }
    .custom-blog-sidebar {
      padding: 0 15px;
      width:100% !important;
    }
    .blog-post-wrapper .post-date{
        line-height:18px;
    }
    .listing-date{
        line-height:21px;
    }
    .body-container .main-content{
        margin:0 0 20px;
    }
    .body-container .page-center{
        padding:10px 15px 30px;
    }
    .body-container .widget-type-email_simple_subscription,.custom-password-page,
    .error-template .body-container .widget-type-google_search,
    body.landing-page.one-column .body-container .widget-type-form {
         width:100% !important;
    }
    .hs-blog-social-share{
        float:none;
        padding:0 12px 10px;
    }
}
@media(max-width:720px){
    .custom-footer-form .hs-form-field {
      margin: 0 0 12px;
      width: 50%;
    }
    .custom-footer-form h3 {
      font-size: 19.2px;
    }
    .custom-footer-form .hs_submit {
        float: none;
        width: 100%;
    }
    .custom-footer-form .hs-button.primary.large {
        background-color: #d7844b !important;
        border: medium none;
        box-shadow: none;
        color: #ffffff;
        text-shadow: none;
        width: 95%;
    }
    .custom-footer-form{
        padding:0;
    }
}

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

@media (max-width: 479px) {}



/* ==========================================================================
   Mobile Menu - Toggle Side Menu - Right
   ========================================================================== */

 
/* Variables
   ========================================================================== */

 /* Set mobile icon color */
 /* Set close icon color */
 /* Set full menu background color */
 /* Set link Color */
 /* Set link Hover Color */
 

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

.mobile-icon {
  display: none;    /* Hide button on Desktop */
  cursor: pointer;  /* Mouse pointer type on hover */
  width:auto;      /* Button width */
  margin: 12px 15px 8px 0;   
  position: absolute;
  top: 15px;
  /*background: url("//cdn2.hubspot.net/hub/308166/file-1915936906-png/Vistarait-images/Mobile-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
  background:#00558C;
  padding: 9px 10px;
  border-radius:4px;
  right: 0px;
}
.show-mobile-nav .mobile-icon {
  display: block !important;
  right: 220px !important;
  transition: all 0.52s ease 0s;
}
.mobile-icon:hover {
    text-decoration: none; /* Removes link text underline on button */
}
/* Close Button
   ========================================================================== */  

.close-icon {
    display: none !important;
    cursor: pointer;
    margin: 27px 20px 10px;
    float: left;
    position: relative;
    height: 25px;
    width: 25px !important;
}
.close-icon:after,
.close-icon:before {
    content: "";
    width: 25px !important;
    height: 4px;
    background: #ffffff;
    position: absolute;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);
}
.close-icon:before {
    -ms-transform: rotate(-45deg); 
    -webkit-transform: rotate(-45deg); 
    transform: rotate(-45deg);
}
.full-width-bg{
       background-image: url(https://308166.fs1.hubspotusercontent-na1.net/hubfs/308166/ops-blog-hero_blue_green.svg) ;
           background-repeat: no-repeat;
    background-position: top center;
    /* background-attachment: fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 120px;
}
.full-width-bg-p{
       background-image: url(https://308166.fs1.hubspotusercontent-na1.net/hubfs/308166/ops-blog-hero_blue_Purple.svg) ;
           background-repeat: no-repeat;
    background-position: top center;
    /* background-attachment: fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 120px;
}
.blog-main-heading h1{    color: #fff;font-size: 4.125rem;
    line-height: 1.1;    font-weight: 700;margin-top: 10px;padding-left: 20px;}
.share-container {
  margin: 35px auto;
    width: 30px;
    background-color: #fff;
    display: grid;
    grid-template-columns: 35px 35px;
    grid-row: auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
@media screen and (max-width: 860px){.share-container{grid-template-columns: 35px 35px 35px 35px!important;}}
.share-container .icon-box {
 background-color: #181870;
    padding: 6px;
    border-radius: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.share-container .icon-box a {color: #fff!important;}
.breadcrumbs__container {
    max-width: 82.5rem;
    width: calc(100% - (1.875rem * 2));
        /*margin: 0 38px 20px;*/
    position: relative;
    padding: 0 0 0 24px;
}
.breadcrumbs__container::before {
    content: '';
    width: 19px;
    height: 16px;
    background-image: url(https://308166.fs1.hubspotusercontent-na1.net/hubfs/308166/ops-breadcrumb-home.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.breadcrumbs__container a {
    color: #181870;
    text-decoration: underline;
}
.t-color{color:#181870;}
.m0{margin-left:0px!important;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    max-width: 100%;
}
/* Menu Styles on Mobile Devices
   ========================================================================== */  
 
@media (min-width: 999px) {

     /* Will prevent the '100% Height' script for the Main Menu to affect desktop */
     .custom-menu-primary {
          height: auto !important;
     }
}
 
@media (max-width: 999px) {

     body, html {
          height:auto;
     }
     .custom-menu-primary ul {
         float: none;
     }
     
     .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
         text-decoration:none;
     }
     /* Show the Mobile and Close Icons */
     .mobile-icon {
          display: block !important;
     }
     /* Container added with js and is required for transforms to work */
     #site-wrapper{
        max-width: 100%;
        height: 100%;
        overflow-x: hidden;
        position: relative;
     }

     /* Provide room in header for the toggle button */ 

     /* Provide spacing for the menu ul */
     .custom-menu-primary .hs-menu-flow-horizontal>ul {
         clear: both;
         padding-right: 0;
         padding-left: 0;
     }
   .clearfix:after{clear:both}
  .clearfix {
  overflow: auto;
}
     /* Mobile Nav is HIDDEN By Default */
     .custom-menu-primary {
          position: absolute;
          width: 338px !important; /* must match the value above in 'left' */
          z-index: 1000;
          background: #343434; 
          right: 0;
          top: 20px;
          -webkit-transform: translate3d(100%, 0, 0);
          -moz-transform: translate3d(100%, 0, 0);
          -ms-transform: translate3d(100%, 0, 0);
          -o-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden;
          transition: all 0.5s ease 0s;
     }
    
     /* Set Link Colors */
     .custom-menu-primary a { color: #77787A;
        font-size: 23px;
        line-height: 40px;
        padding-bottom: 3px;
        padding-left: 10px;
     }
     .custom-menu-primary a:hover { color: #77787A; }
     
     /* All Main Containers Display FULL Width By Default */
     .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {
          -webkit-transition: -webkit-transform 500ms ease;
          -moz-transition: -moz-transform 500ms ease;
          -o-transition: -o-transform 500ms ease;
          transition: transform 500ms ease;
     }
     
     .show-mobile-nav .custom-menu-primary {   
        -webkit-transform: translate3d(35%, 0px, 0px) !important;
        -moz-transform: translate3d(35%, 0px, 0px) !important;
        -ms-transform: translate3d(35%, 0px, 0px) !important;
        -o-transform: translate3d(35%, 0px, 0px) !important;
        transform: translate3d(35%, 0px, 0px) !important;
     }
    }
.span12.widget-span.widget-type-menu.custom-menu-primary.mobile-menu{
  background:transparent;
}
.mobile-icon .icon-bar {
    background: #fff;
}
.mobile-icon .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.mobile-icon .icon-bar+.icon-bar {
    margin-top: 4px;
}
.custom-menu-primary.mobile-menu{
    position: absolute!important;
    width: 100% !important;
    background: #FFF;
    left: -100%!important;
    top:85px;
    display:none;
}
.custom-menu-primary.mobile-menu .hs-menu-wrapper{
    background: #FFF;
    background-color: #FFF;
}
.custom-menu-primary.mobile-menu.open{
    display:block!important;
}
.custom-menu-primary.mobile-menu .hs-menu-wrapper > ul{
    width: 100%;
    padding: 10px!important;
    height: 320px;
    overflow-y: auto;
}
.custom-menu-primary.mobile-menu ul li,
.custom-menu-primary.mobile-menu .hs-menu-wrapper > ul ul li{
    padding:0;
}
.custom-menu-primary.mobile-menu ul li a,
.custom-menu-primary.mobile-menu .hs-menu-wrapper > ul ul li a{
    color: #353535;
    font-size: 16px;
    padding: 12px;
    text-shadow: 0 0 0 #a1a1a1;
    text-transform: uppercase;
}
.custom-menu-primary.mobile-menu a.child-trigger span{
    position: static;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px dashed transparent;
    border-bottom: 4px dashed transparent;
    border-left: 4px dashed transparent;
    background:none;
}
.custom-menu-primary.mobile-menu ul li a.child-trigger{
    margin: 12px 12px 12px 0!important;
    position: relative!important;
    background:none;
    text-decoration:none;
}
.custom-menu-primary.mobile-menu .hs-menu-children-wrapper{
    background:#fff;    
}
.custom-menu-primary.mobile-menu .hs-menu-wrapper > ul ul li a{
    white-space: normal;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: solid 1px #eee;
    text-transform: capitalize;
    font-size: 13px;
    line-height: 20px;
    padding: 12px;
    text-shadow: 0 0 0 #a1a1a1;
    display:block!important;
}
.custom-menu-primary.mobile-menu ul li a.child-trigger:hover,
.custom-menu-primary.mobile-menu ul li a.child-trigger:click,
.custom-menu-primary.mobile-menu ul li a.child-trigger:focus,
.custom-menu-primary.mobile-menu ul li a.child-trigger:active{
    background:transparent;
    outline:none;
}
.child-trigger.child-open span{
    color: #000;
}
.custom-menu-primary.mobile-menu ul > li > a:active,
.custom-menu-primary.mobile-menu ul > li > a:focus,
.custom-menu-primary.mobile-menu ul > li > a:hover,
.custom-menu-primary.mobile-menu ul > li > a:click{
    background:none;
    background-color:none;
    color:#000;
    text-shadow:none;
    outline:none;
}
/* Women influncer blog post image gallery styles*/

.expanding-grid {
  position: relative;
  width: 100%;
}
.expanding-grid .links {
  display: block;
  margin: 0 -1em;
  overflow: hidden;
  padding: 1em 0;
}
.expanding-grid .links > li {
  box-sizing: border-box;
  float: left;
  padding: 1em;
  list-style-type: none;
}
.expanding-grid .links > li a {
  background: #425563;
  color: #fff;
  display: block;
  font-size: 1.6em;
  line-height: 1;
  /*padding: 25% 1em;*/
  position: relative;
  text-align: center;
  /*text-decoration: none;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.expanding-grid .links > li a:hover {
    text-decoration: underline!important;}
.expanding-grid .links > li img{margin: 0 0 0 0!important;}
.name-lbl {
    width: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-align: center;
    padding: 5px 0;
}
.expanding-grid .links > li a:hover {
  background: #ffb733;
}
.expanding-grid .links > li a.active {
  background: #cc8400;
}
.expanding-grid .links > li a.active:after {
  background-color: transparent;
  border-bottom: 0.475em solid #888;
  border-left: 0.475em solid transparent;
  border-right: 0.475em solid transparent;
  bottom: -0.6em;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -0.375em;
  position: absolute;
  width: 0;
}
@media only screen and (max-width: 39.99em) {
  .expanding-grid .links > li {
    width: 100%;
    margin-bottom: 10px;
  }
  .expanding-grid .links > li:nth-of-type(2n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 40em) and (max-width: 59.99em) {
  .expanding-grid .links > li {
    width: 33.33333%;
  }
  .expanding-grid .links > li:nth-of-type(3n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 60em) {
  .expanding-grid .links > li {
    width: 33.3%;
  }
  .expanding-grid .links > li:nth-of-type(3n+1) {
    clear: left;
  }
}
.expanding-grid .spacer {
  background-color: #eaeaea;
  clear: both;
  display: block;
  margin: 0 1em;
  margin-bottom: 56px;
}
.expanding-grid .expanding-container {
  clear: both;
  display: none;
  overflow: hidden;
  width: 100%;
}
.expanding-grid .expanding-container.expanded, .expanding-grid .expanding-container:target {
  display: block;
}
.expanding-grid .hentry {
  background: #eaeaea;
  box-sizing: border-box;
  clear: both;
  color: #7c7c7c;
  min-height: 4em;
  overflow: hidden;
  padding: 2em;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.expanding-grid .hentry h1{color: #113857}
.expanding-grid .hentry .entry-image {
  box-sizing: border-box;
  float: right;
  margin-left: 1em;
  padding: 0.25em 0 0.52em 1em;
  text-align: center;
  width: 50%;
}
.expanding-grid .hentry .entry-title {
  font-size: 1.5em;
}
.expanding-grid .close-button {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNLjcuN2wxOCAxOG0tMTggMGwxOC0xOCIvPjwvc3ZnPg==) no-repeat scroll 50% 50% transparent;
  color: #fff;
  display: inline-block;
  height: 20px;
  line-height: 1;
  overflow: hidden;
  padding: 1.5em 2em;
  text-decoration: none;
  text-indent: 5em;
  white-space: nowrap;
  width: 20px;
  will-change: opacity;
  z-index: 5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.expanding-grid .close-button.active {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.expanding-grid .close-button:hover {
  opacity: 0.5;
}

.img-placeholder {
  background: orange;
  color: #fff;
  font-size: 4em;
  font-weight: 300;
  line-height: 1;
  padding: 25% 0.25em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.submitted-message{color:#fff!important;}
.twitter-timeline-rendered { 
      width: 100% !important; 
    }
blockquote.twitter-tweet {width:550px!important;}

.nav-subnav{    width: 100%;
    height: 50px;
    /*overflow: hidden; padding-left: 45px;*/
    padding-right: 15px;
    background-color: #eeeef1; border-top: 1px solid #d2d2da;
}
#vSubHeader .hs-menu-wrapper  ul {
    position: relative;
    list-style-type: none;
    height: 50px;
    padding: 0;
    margin: 0;color: #00558C;
    font-size: 13px;
    font-weight: normal;
    min-width: 100%;
    width: auto;
}
#vSubHeader .hs-menu-wrapper li {
    display: inline-block;
    padding-right: 20px;
    line-height: 50px;
}
#vSubHeader .hs-menu-wrapper.hs-menu-flow-horizontal li.active a{
    color: #00558C;
    font-weight: 700;
    line-height: 50px;
}
:target:before {
content:"";
display:block;
height:120px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}
/* Book / Author details styles */
.series {
    /*font-size: 18px;*/
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0;
    padding: 40px;
    box-shadow: 0 0 50px rgba(0,0,0,.1);
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.series {
    width: 100%;
    /*margin: 100px 0 0 -40%;
    padding: 100px 80px; */
}
.series .bio {
    padding-left: 20px;
}
.series .bio, .series .desc {
    padding: 0 15px;
}
.series .bio {
    width: 16%;
    padding-left: 0;
    /*border-right: 1px solid rgba(0,0,0,.1);*/
}
.series .bio h3, #content .series .desc h3 {
    font-size: 22px;
    margin-bottom: 0;
}
.series .social-icons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.series .desc {
    width: 100%;
    padding-right: 0;
}
#content .series h2 {
    margin-top: 0;
}
.series h2 {
    font-size: 35px;
    line-height: 1;
    /*margin-top: 40px;*/
    margin-bottom: 20px;
}
.series p.datetime {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 50px;
}
.popupHost{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 1000px;
    background-color: black;
    opacity: 0.5;
    z-index: 10;
    /* display: block; */
}
.subPopUp{
    position: absolute;
    margin:0 auto;
    left:35%;
    z-index: 20;
    top: 20%;
}
.close{
    z-index:25;
    color: black;
    right: 3px;
    position:absolute;
    cursor: pointer;
}
.popUpFrame{
    width: 500px !important;
    height: 256px !important;
}