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

@font-face {
    font-family: 'PPLightC';
    src: url('//cdn2.hubspot.net/hub/362003/file-702194243-eot/Fonts/PragmaticaLightC.eot?#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hub/362003/file-703874526-woff/Fonts/PragmaticaLightC.woff') format('woff'),
         url('//cdn2.hubspot.net/hub/362003/file-703874521-ttf/Fonts/PragmaticaLightC.ttf') format('truetype');
     font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PPLightReg';
    src: url('//cdn2.hubspot.net/hub/362003/file-702715783-eot/Fonts/bfont.eot?#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hub/362003/file-698838464-woff/Fonts/bfont.woff') format('woff'),
         url('//cdn2.hubspot.net/hub/362003/file-702715808-ttf/Fonts/bfont.ttf') format('truetype');
     font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'PPLightReg2';
    src: url('//cdn2.hubspot.net/hub/362003/file-707192756-eot/Fonts/lfont.eot?#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hub/362003/file-705232703-woff/Fonts/lfont.woff') format('woff'),
         url('//cdn2.hubspot.net/hub/362003/file-705232708-ttf/Fonts/lfont.ttf') format('truetype');
     font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PPBook';
    src: url('//cdn2.hubspot.net/hub/362003/file-710481415-eot/Fonts/font.eot?#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hub/362003/file-710476355-woff/Fonts/font.woff') format('woff'),
         url('//cdn2.hubspot.net/hub/362003/file-701751454-ttf/Fonts/font.ttf') format('truetype');
     font-weight: normal;
    font-style: normal;
}



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



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

/* 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: 767px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
    }

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

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

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

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

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

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

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

    - Variables
    - Macros
    - Base
    - Typography
    - Structure
    - Header
    - Custom Menu Primary
    - Mobile Menu
    - Content
    - Blog
    - Forms
    - Buttons
    - Footer
    - Mobile
    - Custom 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.  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;
}

/* Custom fonts */
/* ex. @font-face {}; */
/* all @import calls need to be done at the top on line 1 */

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

/* Website background color and default font styles can go here */
body {
 /*font-weight:300;*/
  background: #fff;
  color: #606264;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 20px;
}
#hs_cos_wrapper_left_column p, 
#hs_cos_wrapper_left_column li{
    font-family: 'PPBook', sans-serif!important;
    color: #606264;
}
/**
 * Page Center
 *
 * Apply this class to full-width modules.
 */
.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  transition: .3s all ease;
  text-align: left;
  padding: 0 0 20px;
}
.container-fluid .row-fluid .custom_section_header .page-center {
  padding: 14px 0 0 0;
}
.container-fluid .row-fluid .page-center.webinar {
    border-bottom: 0px;
    margin-bottom: 0px!important;
}
.container-fluid .row-fluid .page-center.webinar .blog-sidebar .cell-wrapper{
    border-bottom: 0px;
}

.container-fluid .row-fluid .page-center.webinar .blog-content-column{
   padding-bottom: 62px;
}
a { text-decoration:none;
    color: #39c; }
a:hover, a:focus {text-decoration:underline; 
    color: #39c; }

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





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


/* Basic text */

small {}
strong {}
em {}
cite {}
code {}
pre {}

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

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

/* Headings */
h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {/*foo*/
    font-family:"Montserrat", PPLightC ,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:33px;
    font-weight:500;
    color:rgb(66, 67, 68);
    line-height:35.4167px;
}
h2 span{
    font-family:"Lato", PPLightC!important;
    font-size:30px;
    /*font-weight:300;*/
    line-height:32px;
}
h2 {
    font-family:"Montserrat", PPLightC!important;
    font-size:30px;
    font-weight:300;
        line-height:32px;
}
h3 {
    font-family:"Lato", PPLightC;
    font-size:21.6px !important;
    font-weight:400;
    color:rgb(66, 67, 68);
    letter-spacing:2.16667px;
    line-height:25px;
}

h4 {
    line-height: 35px;
    font-size: 23px;
    color: rgb(51, 153, 204);
}

h5 {
    color: rgb(51, 153, 204);
    font-family: PPBook;
    font-size: 16px;
}
h6 {
    font-size: 12px;
    line-height:normal;
}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}

li {}

ul.unstyled, ol.unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.inline, ol.inline {}
ul.inline > li, ol.inline > li {}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

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





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


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

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





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


.header-container-wrapper {
    position: relative;
    z-index: 2;
}
.header-container {
    box-sizing: border-box;
}
.header-container .header-logo{
    margin-top: 15px;
}
/* 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_logo {
    padding: 24px 0 8px 1px;
}



/* ==========================================================================
   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{ 
      margin: 0 0 -6px  0;
      background:;
      padding-left: 26px;
  }
    .custom-menu-primary .hs-menu-wrapper > ul > li {
        /*background: url("//cdn2.hubspot.net/hub/362003/file-706898552-jpg/images/menu-sap.jpg") no-repeat scroll right 49px rgba(0, 0, 0, 0);*/
      margin: 28px 0 0 0;
    }
    
  .custom-menu-primary .hs-menu-wrapper > ul > li > a:not(.cta-btn){
    color: #232323;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size:15px;
    padding: 0;
    margin-top: 15px;
    line-height: 17px;
    transition: .3s all ease;
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li + li {
    margin-left: 25.4px;
  }

   .custom-menu-primary .hs-menu-wrapper > ul  li a:hover {
        text-decoration:none!important;
   }

  /* Child List */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
      text-align:left;
      background: rgb(255, 255, 255);
      min-width: 160px;
      padding: 5px 0;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
      padding:0 5px;
      background:;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color: #232323;
    display: block;
    /*border-top: 1px dashed rgb(118, 162, 195);*/
    font-weight: 600;
    line-height: 32px;
    padding: 3px 15px 3px 22px;
    white-space: nowrap;
    font-size: 15px;
  }
  
    .custom-menu-primary .hs-menu-wrapper > ul ul li:first-child a{
        border-top:none;
    }
  
  .custom-menu-primary .hs-menu-wrapper > ul ul li:hover {
    background-color: rgb(53, 126, 189);
    background-image: linear-gradient(to bottom, rgb(66, 139, 202) 0%, rgb(53, 126, 189) 100%);
    background-repeat: repeat-x;
    color: rgb(255, 255, 255);
    text-decoration: none!important;
  }

  /* 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;
  }
 
 .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 .4s;
    z-index: 10;
 }
/**** dropdown arrow ****/
  /*.custom-menu-primary ul > li.hs-item-has-children > a{
    background:url(//cdn2.hubspot.net/hub/362003/file-703884736-png/images/dropdown-sign-11-px.png) no-repeat center 41px;
    background-size: 8px auto;
    padding: 15px 14px 29px;
  }*/

  /*.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:hover  {
    background-image:url(//cdn2.hubspot.net/hub/362003/file-703884736-png/images/dropdown-sign-11-px.png) no-repeat center 41px, url(//cdn2.hubspot.net/hub/362003/file-706898552-jpg/images/menu-sap.jpg) no-repeat right;
    color: rgb(85, 85, 85);
    border: ;
  }*/
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 {
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children {
    position: static
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a:not(.cta-btn):after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 2px;
    margin-top: 4px;
    background: #ABE1FA;
    transition: .3s all ease;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:nth-of-type(6) > a:after {
    left: 0;
    width: 100%;
}
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1 > a:hover:after {
    left: 0;
    width: 100%;
  }
  
  .custom-menu-primary .hs-menu-wrapper>ul ul .multi-column-dropdown li a {
   border-top: none;
   padding: 5px 10px !important;   
   margin: 0px 6px;
   text-indent: 0px;
   font-size: 15px;
   line-height: 20px;
   text-indent: 0;
  }
  
  .custom-menu-primary .hs-menu-wrapper>ul ul .multi-column-dropdown li:hover {
    background-color: #14B1E7;
  }
   
  .bold li a, li.bold a {
    font-weight: bold !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; /* Hide button on Desktop */
}
      
      
      
/************** start @media max-width 1199px) ****************/
@media (max-width: 1199px){

  /* 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: center;
    color:rgb(119, 119, 119);
  }
    
  .hs-menu-wrapper .hs-menu-flow-horizontal {
    margin-top: 0px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul.active-branch {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    bottom: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    z-index: 0;
    margin-top: 75px;
    background: #fff;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li,
  .custom-menu-primary .hs-menu-wrapper > ul > li + li {
    margin-left: 0;
  }
  .custom_logo {
    float: left;
    margin-left: 10px;
    margin-top: -10px;
  }

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

  .mobile-trigger{
      display: inline-block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: fixed; /*******************************************/
      top: 21px;          /* Position Button at top left of screen  */
      left: 4px;        /*******************************************/
      width: auto; /* Button width */
      height: auto; /* Button height */      
      padding: 12px 11px;
      z-index: 99999999999; /* Z-index to keep button on top of other layers */
      -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
      font-size: 16px;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      -moz-border-radius-bottomleft: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      -webkit-transition:color .2s ease-in; 
      -moz-transition:color .2s ease-in;
      transition:color .2s ease-in;
  }

  .mobile-trigger:hover{
      text-decoration: none; /* Removes link text underline on button */
      color:rgb(85, 85, 85);
  }

  .mobile-trigger span{
      display: inline;
  }

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

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

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

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


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

  .mobile-trigger i{
      display: inline;
      position: relative;
      top: 0px;
      margin-left: 5px;
      margin-bottom: 0;
      margin-top: 0;
      -webkit-transition-duration: 0s;
      -webkit-transition-delay: .2s;
      -moz-transition-duration: 0s;
      -moz-transition-delay: .2s;
      transition-duration: 0s;
      transition-delay: .2s;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
      position: absolute;
      content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
      width: 24px; /* Icon line width */
      height: 4px; /* Icon line height */
      /*background-color: rgb(119, 119, 119); /* Icon color */
      background-color: #232323;
      display: inline-block;
  }
  .mobile-trigger i:before{
      top: -8px; /* Position top line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-trigger i:after{
      top: 8px; /* Position bottom line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-open .mobile-trigger i{
      background-color: rgba(0,0,0,0.0);
      -webkit-transition-delay: .2s;
  }
  .mobile-open .mobile-trigger i:before{
      top: -8;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0, .2s;
  }
  .mobile-open .mobile-trigger i:after{
      top: 8;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0, .2s;
  }

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

  .child-trigger{
      display: block!important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute;
      top: 0;
      left: 0;
      height: 45px!important; /* Button height */
      width: 45px;
      border-left: 1px dotted rgba(255,255,255,.20);
      background: url(//cdn2.hubspot.net/hub/362003/file-703884736-png/images/dropdown-sign-11-px.png) no-repeat center;
      background-size: 8px;
      background-repeat: no-repeat;
      background-position: 15px 22px!important;
  }
  
 .child-trigger:hover{
      text-decoration: none;
    }

  .child-trigger.child-open {
    background:url(//cdn2.hubspot.net/hub/362003/file-714850262-png/images/dropup-arrow2.png) no-repeat center;
    background-size: 8px;
    }
    
  #hs_cos_wrapper_module_1398764597618482 {
    float: left;
    margin-left: 10px;
    /*width: 38%;*/
    margin-bottom: 10px;
    position: relative;
    top: -3px;
  }
  #hs_menu_wrapper_module_1398764726322704 sup {
      display: inline;
  }

    
  /* Menu Styles on Mobile Devices.custom-menu-primary.js-enabled .hs-menu-wrapper
     ========================================================================== */  


  /* 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{
      position: absolute; /**************************************************************/
      top: 75px;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/                                              
      width: 280px;   
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
      color: #191919;
      background-color: #fff;
  }
  .custom-menu-primary .hs-menu-wrapper{
     /* padding: 40px 0 0 0;  Padding to add room for close button */
      display: block;
      margin-top: 0px;
      /*background-color:#ebebeb;  Menu background color set off global mobile-menuColor variable*/
      width: 100%; /* Full screen width */
      z-index: 8888;
      background:url(//cdn2.hubspot.net/hub/362003/file-714113757-jpg/images/header-bg.jpg) repeat-x top #f4f4f4;
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
      position: relative;
  }
  /*.header-container .custom-menu-primary .hs-menu-wrapper > ul > li{
      padding-left: 15px;
      padding-right: 15px;
  }*/
  .header-container .custom-menu-primary .hs-menu-wrapper > ul > li:last-of-type {
      padding-top: 15px;
      margin-bottom: 15px;
  }
  
  /*.custom-menu-primary .hs-menu-wrapper > ul > li a{   Font size of top level list items
        font-size: 22px;
        line-height: 45px;
        overflow: visible;
  }
  */
  .custom-menu-primary .hs-menu-wrapper > ul > li > a {
      text-align: left;
      width: 100%;
      line-height: 20px;
      color: #777777;
      display: block;
      margin-top: 0px;
      padding: 8px 30px 8px 15px !important;
  }
  
  /* 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 */
 /* }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
      padding: 0 10px;
      color:rgb(119, 119, 119);      link color set by global mobile-aColor variable 
  }*/
  
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
      color:rgb(85, 85, 85); /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
     background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul.multi-column-dropdown li{
     background: transparent;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
      text-indent: 10px; /* Indent Child lists */
      font-size: 16px; /* Font size of child lists */
  }

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

  /*.header-container {
    height: 75px !important;
    top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
    position: fixed;
  }
  #logo-box {
      margin-top: 5px;
      width: 260px;
      height: 65px;
      display: block;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      position: fixed;
      top: 10px;
      left: 50%;
      width: auto;
  }*/
  .custom_section_header {
      padding-top: 8px;
      padding-bottom: 8px;
  }
  .body-container .gradient-row {
      margin-top: 75px;
  }
  .container-fluid .row-fluid .page-center {
      width: 970px;
  }
  .header-container .breadcrumb-classic .veil {
      display: block !important;
  }
  #nav-cta a.cta-btn{
      line-height: 24px;
      width: 250px;
  }

}
/********** end of @media max width: 1199 *********/



@media (max-width: 767px) {
  .landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box:after{
      display: none!important;
  }
  .landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box li {
    padding-left: 18%!important;
    background: url("//cdn2.hubspot.net/hub/362003/file-1630721471-png/images/blue_tick.png") 30px 25px no-repeat!important;
  }
  .container-fluid .row-fluid .page-center {
    width: 100%;
    }
}





/* ==========================================================================
   Content                                                 
   ========================================================================== */


.body-container-wrapper {}
.body-container {}

.body-container .page-center{
    border-bottom: dashed 1px rgb(206, 206, 206);
    margin-bottom: 98px;
}


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


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

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


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

.blog-content-column {
    margin-top:13px;
    padding: 0 15px 20px 0;
    border-right: 1px dashed rgb(206, 206, 206);
}
/* 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{}

/* Blog Post Title */
.post-header h1 a {}

/* Blog Author and Avatar */
#hubspot-author_data {
    margin-bottom: 30px;
}
#hubspot-author_data a.author-link {}
.hs-author-avatar {}
.hs-author-avatar img {}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body.blog p>img{
    max-height: 400px;
    width: auto!important;
    float: left;
    margin: 0 20px 30px 0!important;
}
.blog-post-wrapper .post-body li{
    list-style-position: inside;
}
.blog-post-wrapper .post-body h2:nth-of-type(1){
    clear: both;
}
/* 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: 170px;
    max-width: 210px;
    height: auto;
    width: auto;
    display: inline-block !important;
    float: right;
    margin: 20px 0 20px 20px;
}

/* Read More Link */
a.more-link {}

span.readmore {
  font-weight: bold;
}

/* 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: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

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

/* Pagination */
.blog-pagination {}
.blog-pagination .previous-posts-link {}
.blog-pagination .all-posts-link {}
.blog-pagination .next-posts-link {}



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

.blog-sidebar {
     padding: 40px 0 0;
}

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

form ul{
    list-style:none;
    padding:0!important;
}

.hs-form-radio-display .hs-input{
    display:inline-block!important;
}
.hs-blog-id-573060851 #hs_form_target_blog_subscription .hs-form-radio{
    margin: 0!important;
}
.hs-blog-id-573060851 #hs_form_target_blog_subscription .hs_blog_maytech_blog_subscription{
    margin: 0!important;
}
.hs-blog-id-573060851 #hs_form_target_blog_subscription .hs_blog_maytech_blog_subscription{
    margin: 0!important;
}
.hs-blog-id-573060851 .hs_form_target_blog_subscription {
    margin-bottom: 0;
}
.global-cta {
    top: -240px!important;
    z-index: 1;
}

.custom_section_header {
    /*height: 115px;
    background:url(//cdn2.hubspot.net/hub/362003/file-1028222611-png/images/MainHeaderBarBand.png) no-repeat center ;
    background-size: cover;*/
    position: relative;
    fill: #ABE1FA;
    background: #ABE1FA;
    background-image: linear-gradient(90deg, rgb(171, 225, 250) 0%, rgb(43, 117, 162) 100%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background: -moz-linear-gradient(90deg, #ABE1FA 0%, #2B75A2 100%);
    background: -webkit-linear-gradient(90deg, #ABE1FA 0%, #2B75A2 100%);
    background: -o-linear-gradient(90deg, #ABE1FA 0%, #2B75A2 100%);
    background: -ms-linear-gradient(90deg, #ABE1FA 0%, #2B75A2 100%);
    background: linear-gradient(90deg, #ABE1FA 0%, #2B75A2 100%);
    padding-top: 20px;
    padding-bottom: 20px;
}
.custom_section_header:before {
    fill: #ABE1FA;
    background: #ABE1FA;
    background: -moz-linear-gradient(270deg, #ABE1FA 0%, #2B75A2 100%);
    background: -webkit-linear-gradient(270deg, #ABE1FA 0%, #2B75A2 100%);
    background: -o-linear-gradient(270deg, #ABE1FA 0%, #2B75A2 100%);
    background: -ms-linear-gradient(270deg, #ABE1FA 0%, #2B75A2 100%);
    background: linear-gradient(270deg, #ABE1FA 0%, #2B75A2 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    animation: fadeBoth 6s infinite;
}
.custom_section_header > *:not(svg) {
    position: relative;
    z-index: 1;
}
.custom_section_header .svg-triangle-bottom {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 60px;
    height: 30px;
    margin-top: -1px;
    margin-left: -30px;
    z-index: 2;
}

.custom_section_header .page-center {
    border: medium none !important;
    margin-bottom: 0 !important;
}

.custom_section_header h1{
    color:rgb(255, 255, 255);
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 30.8px;
    font-family: "Lato", san-serif;
    font-weight: 100;
    line-height: 1.1428;
}

#hs_cos_wrapper_section_header .page-header h1{
    font-family: "Montserrat", "PPLightC"!important;
}
form .hs_submit{
    margin-bottom: 20px;
}
.post-header h1{
    margin-bottom:0px;
    margin-top: 15px;
}
.hs-blog-name-history-of-data .span12 .post-header h1{
    font-size: 25px;
}
.post-header h1 a{
    font-family:"Montserrat", PPLightC;
    font-size:30px;
    font-weight:400;
    color:#424344;
    line-height:42px;
}

.post-header h1 a:hover{
    color:#424344;
    text-decoration:none;
}

.post-header p {
    margin: 6px 0 0;
    font-family:PPBook,sans-serif;
    font-size:15.4px;
    font-weight:300;
    color:rgb(66, 67, 68);
    line-height:18px;
}

.post-header p a{
    font-family:PPBook,sans-serif;
    font-size:17px;
    font-weight:300;
    color:rgb(66, 67, 68);
    line-height:18px;
}

.post-item{
    border-bottom:dashed 1px rgb(206, 206, 206);
    padding:0 0 60px 0;
    margin:0 0 40px 0;
}
.hs-blog-name-history-of-data .span12 .post-item{
     padding:0 0 30px 0;
}
.blog-sidebar .cell-wrapper{
    border-bottom: 1px dashed rgb(206, 206, 206);
    margin:0 0 10px 0;
}

.blog-sidebar .cell-wrapper ul{
    padding:0 0 0 22px;
}

.blog-sidebar .cell-wrapper ul li{
    margin-bottom: 16px;
    margin-top: 16px;
}

.custom_blog_search .field label{
    font-family:PPLightC;
    font-size:21.6px;
    font-weight:400;
    color:rgb(66, 67, 68);
    letter-spacing:2.16667px;
    line-height:25px;
}

.custom_blog_search .input .hs-input{
    background: url("//cdn2.hubspot.net/hub/362003/file-707488486-png/images/search-1.png") no-repeat scroll 5px 6px rgba(0, 0, 0, 0);
    border-radius: 2px;
    font-size: 14px;
    height: 31px;
    border: 1px solid rgb(221, 221, 221);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: rgb(136, 136, 136);
    line-height: 1.2em;
    width:100%;
    padding: 4px 10px 4px 28px;
    margin: 7px 0 19px;
}

.custom_blog_search .input .hs-button{
    display:none!important;
}

.blog-sidebar  #hs_cos_wrapper_blog_subscription_title{
    margin-bottom:0;
}

.blog-sidebar #hs_form_target_blog_subscription .hs-form-field label{
    /*font-family:PPBook,sans-serif;*/
    font-size:15px;
    font-weight:500;
    color:rgb(66, 67, 68);
    line-height:17.15px;
 }
 
.blog-sidebar #hs_form_target_blog_subscription .input .hs-input{
    border: 1px solid rgb(221, 221, 221);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: rgb(136, 136, 136);
    font: 300 15px/1.625 "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 2px 10px;
    margin: 0 5px 0 0;
}
.hs-form-checkbox .hs-input{
    float: left;
    margin-right: 7px;
    margin-top: 10px;
}
.hs_email .input .hs-input{
    height: 28px!important;
    padding: 0px 6px!important; /* preivous value 10px (now 6px)*/
}
.blog-sidebar #hs_form_target_blog_subscription .input .hs-input:focus{
    color: rgb(55, 55, 55);
}

.blog-sidebar #hs_form_target_blog_subscription .hs-button{
    color: rgb(55, 55, 55)!important;
    font: 300 15px/1.625 "Lato, Helvetica Neue",Helvetica,Arial,sans-serif !important;
    opacity: 0.7 !important;
    background: #f2f2f2!important;
    border: 1px solid rgb(221, 221, 221)!important;
    border-radius:4px!important;
    padding: 2px 6px 0!important;
}

.custom_blog_vedeo a{
    font-family:PPBook,sans-serif;
    font-size:12px;
    font-weight:700;
    color:rgb(42, 100, 150);
    line-height:17.15px;
    padding-bottom: 20px;
    display: block;
}

.custom_blog_vedeo img{ 
    cursor:pointer;
    display:block;
}

.blog-post-wrapper .hs-blog-social-share {
    border-bottom:none;
    border-top: none;
    padding: 10px 0 0;
}


#blog-comment-form .input input{
    box-shadow: 0 1px 3px rgba(204, 204, 204, 0.95) inset;
    padding: 10px;
    width:50%;
    background: none repeat scroll 0 0 rgb(250, 250, 250);
    border: 1px solid rgb(221, 221, 221);
    color: rgb(136, 136, 136);
    margin: 0 0 15px;
    font: 300 15px/1.625 "Lato", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#blog-comment-form .input textarea{
    box-shadow: 0 1px 3px rgba(204, 204, 204, 0.95) inset;
    padding: 10px;
    width:90%;
    background: none repeat scroll 0 0 rgb(250, 250, 250);
    border: 1px solid rgb(221, 221, 221);
    color: rgb(136, 136, 136);
    margin: 0 0 15px;
    font: 300 15px/1.625 "Lato", Helvetica Neue",Helvetica,Arial,sans-serif;
}

#blog-comment-form .hs-button{ 
    background: none repeat scroll 0 0 rgb(68, 68, 68);
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: rgb(238, 238, 238);
    cursor: pointer;
    font-size: 15px;
    margin: 20px 0;
    padding: 5px 42px 5px 22px;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}


.blog-sidebar #hs-search-module{
    margin-top:0!important;
    margin-bottom:0!important;

}


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


.hs-form-field{
    margin:0 0 10px 0;
}

.hs-form-field label{ 
    /*font-family:Arial,Helvetica,sans-serif;*/
    font-size:14px;
    font-weight:400;
    color:rgb(68, 68, 68);
    line-height:21px;
}



 .form-title{
    /*font-family:PPLightC;*/
    font-size:21.6px;
    font-weight:400;
    color:rgb(66, 67, 68);
    letter-spacing:2.16667px;
    line-height:25px;
}


.hs-input{
    margin:5px 0 0 0 ;
    display:block!important;
}


.hs-button{
      margin:10px 0;
      text-decoration:none;
}

#hs-pwd-widget-password{
    display:block!important;
}


#email-prefs-form .email-edit {}



#hs-search-module{
    margin-top:10px!important;
    margin-bottom:10px!important;

}

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

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

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

/* Labels */
body label {}
body .hs-form-field > label {}

/* 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: auto;
    background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	padding: 4px 6px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

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(82, 168, 236, 0.8);
    outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/* Separate Styles for Multiple Line Inputs */
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 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 {}

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

/* Labels */
.hs_cos_wrapper_type_form label {}
.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 {}

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

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

#comment-form textarea {}
#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"] {
    width: 100%;
}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"] {}


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

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

/* Input */
.widget-type-google_search input[type="text"] {
    width: 258px;
    float: left;
    padding: 0 6px!important;
    height: 30px!important;
}
.widget-type-google_search .hs-button{
    margin: 5px 10px;
}
.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.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%;
  }

}




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


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


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

.body-container .hs-button.primary,
.body-container input[type="submit"],
.body-container input[type="button"] {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.body-container .hs-button.primary:hover,
.body-container input[type="submit"]:hover,
.body-container input[type="button"]:hover {
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;

}

.body-container .hs-button.primary:focus,
.body-container input[type="submit"]:focus,
.body-container input[type="button"]:focus {
    outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


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

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


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


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


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


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





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


.footer-container-wrapper {}
.footer-container {
    background: #222324;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size:15px;
    font-weight:300;
    color:rgb(255, 255, 255);
    line-height:20px;
    padding: 0 0 15px;
}

.custom_footer_top{
    padding: 4px 0px 20px !important;
}
.hs-blog-name-success-stories .container-fluid .row-fluid .span12.widget-span.widget-type-cell.page-center.custom_footer_top{
    padding: 4px 0px 20px !important;
}

.custom_copyright{
    padding: 12px 0 0 15px;
}



.custom_Footer_social{
    position: absolute;
    top: 0;
    right: 15px;
    text-align:right;
    padding: 26px 0 0 0;
}

.custom_Footer_social a{
    display:inline-block;
}
.custom_Footer_social {
    padding-right: 0!important;
}

.custom_social_maytech{
    padding:0 0 0 1px;
}

.custom_data_on_board img{
    margin: -54px 0 0 72%;
    position: relative;
    z-index: 1000;
}

.custom_footer_border{
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color rgb(206, 206, 206);
    border-image: none;
    border-style: none none dashed;
    border-width: 0 0 1px;
    margin-left: 5%!important;
    width: 90% !important;
    margin-bottom: 20px;
}

.custom_scnd_menu{
}

.footer-container .hs-menu-flow-horizontal {
    text-align:center;
     padding: 0 0 0px;
}

.footer-container .hs-menu-flow-horizontal > ul {}

.footer-container .hs-menu-flow-horizontal > ul > li {}

.footer-container .hs-menu-flow-horizontal > ul > li > a {
    font-family:Lato,sans-serif;
    font-size:16px;
    font-weight:300;
    color:rgb(255, 255, 255);
    line-height:20px;    
    background:url(//cdn2.hubspot.net/hub/362003/file-707252871-jpg/images/footer-menu-sap.jpg) no-repeat left;
    padding: 0 10px 0 10px;
}

.footer-container .hs-menu-flow-horizontal > ul >li a:hover {}

.footer-container ul li.hs-item-has-children {}

.footer-container .hs-menu-flow-horizontal > ul > li:first-child > a {
    background:none;
}



.custom_maytech_logo {
    padding: 37px 0 0 1px;
    text-align: center;
    vertical-align: bottom;
}

.custom_mcafee_logo {
    padding: 20px 14px 0 0;
    text-align: right;
}

.f-icon{
  max-height: 53px;
  margin: 0 auto;
  display: block;
}
.f-icon.mcAfee{
    padding-right: 0px;
}
.f-icon-wrap:first-child .f-icon,
.f-icon-wrap:first-child+.f-icon-wrap .f-icon{
  float: left;
}
.f-icon-wrap{
  width: 14.28%;
  float: left;
  margin: 20px 0;
}
.f-icon-wrap.small-icon{
  width: 10%;
}
.f-icon-wrap.big-icon{
  width: 15%;
}

.hs-blog-name-history-of-data .blog-content-column {
  margin-top: 0px;
  background-color: #fff !important;
  padding-left: 2.5%;
  padding-bottom: 30px;
}

.footer-container .custom_Footer_social {
  position: relative;
  right: 0;
}
.footer-container .custom_Footer_social span>span{
  float: right;
} 

.footer-container .custom_Footer_social .hs-blog-social-share {
  border: 0px;
  padding-top: 0px;
}
.footer-container .custom_Footer_social .cell-wrapper.layout-widget-wrapper {
  float: right;
}

.header-container.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

    
/* ==========================================================================
   Mobile                                                 
   ========================================================================== */
     

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

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


@media (min-width: 991px) and (max-width: 1200px) {
    /*.container-fluid .row-fluid .page-center {
        max-width: 970px;
    }*/
    .fixed-top {
        position: fixed !important;
        top: 0px;
        bottom: ;
        width: 218px !important;
    }
    #year-column .span12.widget-type-post_filter {
        width: 218px !important;
    }
    .hs-blog-name-maytech-blog .gsc-input-box, 
    .hs-blog-name-maytech-blog .gsc-search-box #gsc-i-id1,
    .hs-blog-name-maytech-blog #___gcse_1 .gsc-search-box.gsc-search-box-tools .gsc-input {
        width: 220px !important;
    }
     #year-column #hs_cos_wrapper_module_14134612064562737 .widget-module ul{
        padding-right: 12%;
    }
}

@media (min-width: 1201px){
    .webinar-info-list .cta-btn{
        margin-top: 110px!important;
    }
    .fixed-top {
        position: fixed !important;
        top: 0px;
        bottom: ;
        width: 268px !important;
    }
    
    #year-column .span12.widget-type-post_filter {
        max-width: 268px !important;
    }
    #year-column #hs_cos_wrapper_module_14134612064562737 .widget-module ul{
        padding-right: 10%;
    }
}

@media (max-width: 1200px){
    .landing-page-new .webinar-info .bordered-text-block,
    .landing-page-new .webinar-info .bordered-text-block+div{
        width: 100%;
    }
    .webinar-info-list .cta-btn{
        float: none!important;
        margin: 30px auto!important;
        right: auto!important;
        display: block!important;
    }
    .f-icon{
     padding-right: 2.2%;
    }
    .f-icon-wrap{
	    width: 14.28%;
    }
    .f-icon-wrap.small-icon{
      width: 10%;
    }
    .f-icon-wrap.big-icon{
      width: 15%;
    }
     
}
@media (min-width: 1200px) {
    .rd-navbar-top-panel.rd-navbar-static .rd-navbar-dropdown {
        padding: 15px !important;
    }
    #topInfoBlock .left-side {
      height: 32px;
    }
    .header-container .rd-navbar-nav .rd-navbar-submenu:nth-of-type(6) a:after {
      width: 100% !important;
      left: 0 !important;
      display: block;
      height:2px;
  }
    
    a.cta-btn {
      top: -8px;
    }
    #topinfo {
      margin-left: 18px;
      margin-top: 6px;
    }
    .header-container {
      min-height: 103px;
    }
    .header-container.fixed {
      height: 103px;
    }
    .header-container.fixed .custom-menu-primary .hs-menu-wrapper ul.hs-menu-children-wrapper.multi-column-level2 {
      top: 103px;
    }
    .container-fluid .row-fluid .page-center {
      width: 1200px;
    }
    .custom-menu-primary .hs-menu-wrapper ul.hs-menu-children-wrapper {
      margin-top: 43px;
    }
    .custom-menu-primary .hs-menu-wrapper ul.multi-column-dropdown.border-left {
      border-left: 1px solid #ffffff;
    }
  
    .custom-menu-primary .hs-menu-wrapper ul.multi-column-dropdown.border-both {
      border-left: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
    }
  
  .custom-menu-primary .hs-menu-wrapper ul.hs-menu-children-wrapper.multi-column-level2 {
    position: absolute !important;
    top: 104px;
    background: rgb(255, 255, 255);
    left: 435px !important;
    z-index: 1;
    transition: .3s all ease;
    text-align: left;
    opacity: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border-top: 1px solid #ABE1FA;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(171, 225, 250);
    padding: 15px;
    margin-left: auto;
    width: 705px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    display: block;
    overflow: hidden;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1.hs-item-has-children {
    padding-bottom: 45px;
    margin-bottom: -45px;
 }
  
  .custom-menu-primary .hs-menu-wrapper ul.hs-menu-children-wrapper.multi-column-level2.onelist {
    width: 250px;
    left: 319px !important;
  }
  .custom-menu-primary .hs-menu-wrapper> ul ul:not(.onelist) .multi-column-dropdown {
    float: left;
    position: static;
    height: auto;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0;
    width: 50%;
  }
  
  /*.custom-menu-primary .hs-menu-wrapper .multi-column-dropdown.border-both li {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
  }*/
  
  .custom-menu-primary .hs-menu-wrapper>ul ul .multi-column-dropdown li:hover a {
    color: #fff;  
  }

}
@media (max-width: 1024px) and (min-width: 767px){
    .landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box li{
        padding-left: 15%!important;
        background: url("//cdn2.hubspot.net/hub/362003/file-1630721471-png/images/blue_tick.png") 10px center no-repeat!important;
    }
}
@media (max-width: 1200px){
    .webinar-info-bg .body-container-wrapper .opacity-bg:before{
        background: url("//cdn2.hubspot.net/hub/362003/file-1702129516-png/images/webinar_bg.png") no-repeat -200px top!important;
        background-size: auto 100%!important;
    }
}
@media (max-width: 990px){   
    .webinar-info-bg .body-container-wrapper .opacity-bg:before{
        background: url("//cdn2.hubspot.net/hub/362003/file-1702129516-png/images/webinar_bg.png") no-repeat -500px top!important;
        background-size: auto 100%!important;
    }
    .header-container .row-fluid .span9{
        width: 68%;
        float: right!important;
        
    }
    .custom-menu-primary ul>li.hs-item-has-children>a,
    .custom-menu-primary .hs-menu-wrapper>ul>li>a{
        padding: 15px 5px 15px;
    }
    #mcAfee {
      float: none !important;
    }
    #left-nav-box .left-nav-item {
        text-align: left;
    }
}
@media (min-width: 961px) and (max-width: 990px) {  
    .fixed-top {
        position: fixed !important;
        top: 0px;
        bottom: ;
        width: 162px !important;
    }
    #year-column .span12.widget-type-post_filter  {
        width: 162px !important;
    }
    #year-column #hs_cos_wrapper_module_14134612064562737 .widget-module ul {
        padding-right: 17%;
    }
        
}

@media (min-width: 768px) and (max-width: 990px) {  
    .hs-blog-name-history-of-data .body-container-wrapper .span3+.span9 {
        padding-left: 3% !important;
    }

    .container-fluid .row-fluid .page-center {
        max-width: 750px;
    }
    
    .custom_logo {
        float: none !important;
        padding: 31px 0 27px 1px;
        width: 100% !important;
    }
    
    .custom-menu-primary {
        float: none !important;
        padding: 0 3px 0 0;
        text-align: center;
        width: 100% !important;
    }
        .widget-type-rich_text.custom_logo{
        width: 25%!important;
        float: left!important;
    }
    .widget-type-menu.custom-menu-primary{
        /*width: 70%!important;
        float: right!important;*/
    }
   .custom-menu-primary #hs_menu_wrapper_module_1398764726322704 {
        font-size: 10px !important;
   }
   .custom-menu-primary .hs-menu-wrapper>ul ul .multi-column-dropdown li a {
        font-size: 15px !important;
   }
   /*.custom-menu-primary .hs-menu-wrapper>ul ul.multi-column-level2 {
        left: -180px !important;
   }*/
   .hs-blog-name-maytech-blog .gsc-input-box,
   .hs-blog-name-maytech-blog .gsc-search-box #gsc-i-id1,
   .hs-blog-name-maytech-blog #___gcse_1 .gsc-search-box.gsc-search-box-tools .gsc-input {
        width: 115px !important;
   }
   .hs-blog-name-maytech-blog .gsc-search-box .gsc-search-button {
        top: 2px;
        left: -5px;
   }
   .white-corner.success {
    right: -31px !important;
    top: 45% !important;
    }
}
@media (min-width: 991px) {
    /*.custom-menu-primary .hs-menu-wrapper>ul ul.multi-column-level2 {
        left: -250px !important;
    }*/
}



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

@media (max-width: 767px) {
    
    .body-container .page-center {
        padding: 10px 55px 25px !important;
    }
    .container-fluid .row-fluid .custom_section_header .page-center {
        padding-bottom: 0 !important;
    }
    
    .custom-menu-primary .hs-menu-wrapper > ul{ 
       margin:0!important;
    }
    
    .custom-menu-primary .hs-menu-wrapper > ul ul{
      text-align:left;
      box-shadow: none;
      padding:0;
    }
  
    .custom-menu-primary .hs-menu-wrapper > ul ul li a{
          color:#ffffff;
    }
    
    .custom-menu-primary .hs-menu-wrapper > ul ul li:hover a{
        color:#ffffff;
    }
    
    .custom-menu-primary .hs-menu-wrapper > ul ul li {
        border-top: none;
    }
      
    .custom_logo {
        padding: 31px 0 25px 1px;
        text-align: center; 
    }
      
      
   
    .custom-menu-primary .hs-menu-wrapper > ul > li {
        background: #f4f4f4;
    }
    
    .header-container .custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children>a {
        background: url(//cdn2.hubspot.net/hub/362003/file-703884736-png/images/dropdown-sign-11-px.png) no-repeat;
        background-size: 8px auto;
        background-position: 15px 22px!important;
    }
    
    .custom-menu-primary .hs-menu-wrapper>ul ul.multi-column-level2 {
        background: transparent;
    }
    
    .custom-menu-primary .hs-menu-wrapper>ul ul .multi-column-dropdown {
       margin-top: 2px;
       width: 100%;
       position: static;
       background:#4e8dba; /* Old browsers */
       background: -moz-linear-gradient(top, #4e8dba 0%, #2a4b7d 100%); /* FF3.6+ */
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e8dba), color-stop(100%, #2a4b7d)); /* Chrome,Safari4+ */
       background: -webkit-linear-gradient(top, #4e8dba 0%, #2a4b7d 100%); /* Chrome10+,Safari5.1+ */
       background: -o-linear-gradient(top, #4e8dba 0%, #2a4b7d 100%); /* Opera 11.10+ */
       background: -ms-linear-gradient(top, #4e8dba 0%, #2a4b7d 100%); /* IE10+ */
       background: linear-gradient(to bottom, #4e8dba 0%, #2a4b7d 100%); /* W3C */
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e8dba', endColorstr='#2a4b7d', GradientType=0); /* IE6-9 */
       padding: 0;
   }

    
    .custom_copyright {
        float: left !important;
        padding: 12px 0 0 15px;
        width: auto !important;
        width: 40.1709%!important;
    }

    .custom_data_on_board {
        float: left !important;
         width: 14.5299%!important;
    }
    
    /*.custom_data_on_board img {
        margin: -54px 0 0;
        z-index: 1000;
        position: relative;
    }*/
    .custom_data_on_board img {
        margin: -118px 0 0 42%;
        z-index: 1000;
        position: absolute;
    }

    .custom_Footer_social {
        float: left !important;
        padding: 26px 0 0 0;
        text-align: right;
        width: 40.1709%!important;
        font-size: 10px;
    }
   
    .footer-container .custom_Footer_social {
        position: absolute;
        top: -10px;
        min-width: 36% !important;
    }
    
    .footer-container .hs-menu-flow-horizontal > ul > li {
        display: inline-block !important;
        width: auto;
    }


    .custom_maytech_logo {
        float: left !important;
        padding: 38px 0 0 1px;
        text-align: center;
        vertical-align: bottom;
        width: 31.6239% !important;
    }
    
    .custom_mcafee_logo {
        float: left !important;
        padding: 56px 15px 0 0;
        text-align: right;
         width: 31.6239%!important;
    }

    .footer-container-wrapper .custom_maytech_logo,
    .footer-container-wrapper .custom_mcafee_logo{
        margin: 0 auto!important;
        float: none!important;
        width: 255px!important;
        padding-top: 30px!important;
    }
    .footer-container-wrapper .custom_mcafee_logo img{
        margin: 0 auto;
        display: block;
    }
    .webinar-info-list{
        padding-left: 0px!important;
    }
    #hs_cos_wrapper_module_14134612064562737 .white-corner {
        display: none;
    }
    #year-column  {
        height: 535px;
    }

}
.cta-btn-try span{
    float: right;
    position: relative;
    right: 27px;
    bottom: -24px;
    color: #424344;
    font-family: "Lato" !important;
    font-size: 29px;
}
#hs_cos_wrapper_left_column h2{
    font-family: "PPLightC" !important;
}
a.cta_button {
    font-weight: bold;
}
a#cta_button_362003_af6b56ab-7ff6-4bd7-931b-653d211c91b7:hover {
    box-shadow: none !important;
    background-image: rgb(26,183,118);
}

/*a.cta-btn:after{
    display: block;
    position: absolute;
    content: "No credit card required";
    left: 0;
    top: 40px;
    width: 195px;
    text-align: center;
    color: #606264;
    font-weight: normal;
    font-family: "Lato";
    font-size: 12px;
    text-transform: none !important;
}*/
/* Landscape phones and smaller devices
   ========================================================================== */

@media (max-width: 500px) {
    .body-container .page-center {
        padding: 10px 20px 25px !important;
    }
    
    
    .custom_maytech_logo {
        text-align: center;
        width: 50% !important;
    }

    .custom_mcafee_logo {
        text-align: center;
        width: 100% !important;
    }

    
}
.gsc-selected-option-container{
    min-width: 105px!important;
}
.cse .gsc-control-cse, .gsc-control-cse,
table.gsc-search-box td{
    padding: 0px!important;
}

input.gsc-search-button{
   background: #e5e5e5!important;
   border-color: #ddd!important;
   height: 30px!important;
   position: relative;
   background: #e5e5e5 url("http://www.google.com/uds/css/v2/search_box_icon.png") no-repeat center !important;
   position: relative;
    left: -58px;
    top: 2px;
}
input.gsc-search-button:focus{
    outline: 0px!important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{
    padding-right: 0px!important;
    height: 28px!important;
    width: 258px!important;
    background-position: 10px 50%!important;
}
.gsc-search-box-tools .gsc-search-box input.gsc-input{
    padding: 0 10px!important;
}
.gsc-input-box{
    height: 30px!important;
    width: 260px!important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
form.gsc-search-box{
    margin-bottom: 20px!important;
}

.gs-webResult .gs-snippet{
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet{
    border: 1px solid rgb(203, 218, 226)!important;
    background-color: rgb(236, 247, 255)!important;
}
.gcsc-branding-img-noclear{
    position: relative;
    max-width: 51px!important;
    top: -2px;
}

.hs-blog-name-success-stories h3{
    margin-top: 0px;
    color: #3399cc;
    font-size: 21px;
    font-weight: normal;
    font-family: "PPBook";
    letter-spacing: normal;
}


.hs-blog-name-success-stories .blog-sidebar .cell-wrapper{
    border-bottom: 0px;
}

.hs-blog-name-success-stories .hs_cos_wrapper_type_post_filter ul{
    padding-left: 0px;
    
}
.hs-blog-name-success-stories .hs_cos_wrapper_type_post_filter ul li{
    list-style: none!important;
    margin-top: 0px;
    margin-bottom: 5px;
}
.hs-blog-name-success-stories .hs_cos_wrapper_type_post_filter ul li a{
    font-size: 17px;
    color: #424344;
}
.hs-cta-img{
    margin: 40px 0 0 17px;
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a{
    border-bottom: 1px dashed rgb(155, 155, 155);
    padding: 20px 20px 20px 10px;
    margin-bottom: 0;
    color: #525354;
    text-decoration: none;
    display: block;
    margin-left: 0px;
    font-size: 13px;
    position: relative;
    right: -15px;
}
.hs-blog-name-success-stories img.hs-featured-image{
    float: none!important;
    margin: 0 0 10px 0px!important;
}
.hs-blog-name-success-stories #hubspot-author_data{
    margin: 6px 0 15px!important;
}
.hs-blog-name-success-stories .layout-widget-wrapper,
.hs-blog-name-success-stories .blog-content-column{
    border: 0!important;
    padding-bottom: 0px;
    
}
.hs-blog-name-success-stories .blog-content-column .widget-type-rich_text .layout-widget-wrapper,
.hs-blog-name-success-stories .blog-content-column .widget-type-raw_html .layout-widget-wrapper {
   padding: 0 20px 0 0;
    margin-bottom: 0px;
}
.hs-blog-name-success-stories .more-link{
    text-decoration: underline;
}
.hs-blog-name-success-stories .body-container .widget-type-menu{
   /* background-color: #f4f4f4;
    -webkit-box-shadow: 4px 4px 4px rgba(232, 232, 232, 0.6);
    -moz-box-shadow: 4px 4px 4px rgba(232, 232, 232, 0.6);
    box-shadow: 4px 4px 4px rgba(232, 232, 232, 0.6);*/
}
.hs-blog-name-success-stories .body-container-wrapper .span3+.span9{
    background-color: #fff;
    margin-left: 0px;
    padding-left: 2.127659574%;
    padding-bottom: 30px;
    position: relative;
    right: -16px;
    -webkit-box-shadow: -4px -1px 4px rgba(232, 232, 232, 0.6);
    -moz-box-shadow: -4px -1px 4px rgba(232, 232, 232, 0.6);
    box-shadow: -4px -1px 4px rgba(232, 232, 232, 0.6);
    width: 76%;
}
.hs-blog-name-success-stories .body-container-wrapper .span12 .row-number-1+.row-depth-1.row-number-2 {
    background-color: #fff;
}
.hs-blog-name-success-stories .body-container-wrapper .span12 .row-number-1+.row-depth-1.row-number-2  .widget-type-blog_content {
    background-color: #ffffff;
}
.hs-blog-id-1057377810 .success-stories-content .blog-section .post-item:first-of-type{
    padding-top: 1px;
}
    
.hs-blog-name-success-stories .body-container-wrapper .span12 .row-number-1+.row-depth-1.row-number-2 > .row-fluid{
    background-color:  #f4f4f4;
}
.hs-blog-name-success-stories .hs-menu-wrapper.hs-menu-flow-vertical>ul{
    padding-top: 20px;
}
.hs-blog-name-success-stories .maytech-left-sidebar .hs-menu-item.hs-menu-depth-1:nth-child(4),
.hs-blog-name-success-stories .maytech-left-sidebar .hs-menu-item.hs-menu-depth-1:hover,
.hs-blog-name-success-stories .maytech-left-sidebar .hs-menu-item.hs-menu-depth-1:nth-child(4) a,
.hs-blog-name-success-stories .maytech-left-sidebar .hs-menu-item.hs-menu-depth-1 a:hover{
    background-color: rgb(228, 246, 255);
    position: relative;
}
.hs-blog-name-success-stories .maytech-left-sidebar .hs-menu-item.hs-menu-depth-1:nth-child(4) a:after{
    content: "";
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    display: block;
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -15px;
    z-index: 50;
    -webkit-box-shadow: -3px 3px 3px #d4ebf7;
    -moz-box-shadow: -3px 3px 3px #d4ebf7;
    box-shadow: -3px 3px 3px #d4ebf7;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hs-blog-name-success-stories .blog-listing-wrapper {
    background-color: #fff;
}
.hs-blog-name-success-stories .blog-listing-wrapper .post-listing .post-item{
    border-bottom: 0!important;
    padding: 50px 0!important ;
    margin: 0!important; 
}
.hs-blog-name-success-stories .body-container .row-depth--1 .span12.page-center{
    margin-bottom: 100px!important;
}
.hs-blog-name-success-stories .bottom-cta .cta-btn{
    margin: 0 auto;
    display: block!important;
    float: none!important;
    margin-top: 0!important;
    margin-bottom: 70px;
    right: 0px!important;
}
.hs-blog-name-success-stories a{
    color: #3399cc;
}
.hs-blog-name-success-stories .blog-content-column{
    margin-top: 25px!important;
}
.hs-blog-name-success-stories .blog-sidebar{
    padding-top: 35px;
}
#full-blog-section{
    padding-top: 20px;
}
#full-blog-section .download-pdf{
    padding-left: 45px;
    position: relative;
}
#full-blog-section .download-pdf:before{
    position: absolute;
    left: 0;
    top: -17px;
    display: block;
    width: 34px;
    height: 35px;
    content: "";
    background: url("//cdn2.hubspot.net/hub/362003/file-1096742244-png/images/pdf.png") no-repeat left top;
}
#full-blog-section .view,
#full-blog-section .back,
#full-blog-section .download-pdf{
    font-size: 16px;
    text-decoration: underline;
}
#full-blog-section hr{
    border-top: dashed 1px #cecece;
    border-bottom: 0;
}
.cell-wrapper.layout-widget-wrapper #hs_cos_wrapper_module_14036196367395213{
    padding-left: 0!important;
    margin-left: 0!important;
}
.hs-content-path-trialfeedback #hs_cos_wrapper_subheader,
.hs-content-path-trialfeedback #hs_cos_wrapper_main_form,
.hs-content-path-trialfeedback #hs_cos_wrapper_main_form label{
    font-family: PPBook,sans-serif!important ;
}
@media (max-width: 470px) {

    .custom_Footer_social span {
        display: block;
    }
}


    
@media (max-width: 370px) {
    .custom_logo {
        padding: 50px 0 27px 1px;
    }
}
    
@media all and (max-width: 768px){
    #customers-footer-box {
        display:none;
    }
    .fixed-top {
       position: inherit !important;
       /*width: 85% !important;*/
       
      /*background-color: rgb(244, 244, 244);*/
    }
   
    .hs-blog-name-history-of-data .blog-content-column {
       border-right: none !important;
      /* margin-top: -33px !important;*/
    }
    .cont-bg #year-column .row-number-1 {
       background-color: rgb(244, 244, 244);
    }
    .cont-bg #year-column > div {
        max-height: 495px;
    }
    #hs_cos_wrapper_module_14134612064562737 .widget-module ul li:first-child a{
        border-top: 1px dashed #9b9b9b;
    }
    #hs_cos_wrapper_module_14129310312673067 p:last-child{
        display: none;
    }
    .hs-blog-id-1815512257 .row-number-1 .widget-type-cell{
        /*margin-top: 25px;*/
        /*width: 100% !important;*/
    }
    .hs-menu-wrapper.hs-menu-flow-vertical li a{
        padding: 8px 20px;
        right: 0;
    }
    .hs-blog-name-success-stories .maytech-left-sidebar .hs-menu-item.hs-menu-depth-1:nth-child(4) a:after{
        display: none!important;
    }
    .hs-blog-name-success-stories .container-fluid .row-fluid .span12.widget-span.widget-type-cell.page-center{
        padding: 0 15px!important;
    }
    .hs-blog-name-success-stories .body-container-wrapper .span12 .row-number-1+.row-depth-1.row-number-2{
        background-color: #fff;
    }
    .hs-blog-name-success-stories .body-container-wrapper .span3+.span9{
        width: 100%;
        right: 0px!important;
    }
    .hs-blog-name-success-stories .blog-content-column {
        padding-right: 0px !important;
    }
    .hs-blog-name-success-stories .blog-content-column .widget-type-rich_text .layout-widget-wrapper{
        border-right: 0!important;
    }
    .hs-blog-name-success-stories .body-container-wrapper .span3+.span9{
        box-shadow: none!important;
    }
    .hs-blog-name-success-stories .body-container-wrapper .span3+.span9{
        padding-left: 0px;
    }
    .hs-blog-name-success-stories .hs-menu-wrapper.hs-menu-flow-vertical>ul{
        text-align: center;
    }
    .hs-blog-name-success-stories .white-corner {
        display: none;    
    }
    .landing-page-new .right-border-block div{
        border-right: 0px!important;
    }
    .landing-page-new .blog-content-column{
        padding-bottom: 0px!important;
    }
    .landing-page-new .helped-info{
        margin-top: -135px!important;
    }
    .bordered-text-block .span8 {
    border-left: 0px!important;
    }
    .hs-blog-id-1057377810 .left-nav-item,
    .hs-blog-id-1057377810 .left-nav-item a {
       margin: 0 !important;
       padding-left: 20px !important;
    }
    #left-nav-box {
        margin-top: 50px !important;
    }
}

/*  new landing pages view
*/
.landing-page-new .custom_section_header,
.landing-page-new .global-cta{
    display: none;
}
.landing-page-new{
    color: #333;
}
.landing-page-new h1{
    font-family: "PPLightC";
    font-size: 3.3em;
    text-shadow: 1px 1px 5px rgba(0,0,0,.25);
    color: #3399cc;
    margin-bottom: 20px;
}
.landing-page-new h2{
    font-family: "PPLightC";
    font-size: 29px;
    text-shadow: 1px 1px 5px rgba(0,0,0,.25);
    color: #484747;
    margin-top: 0;
}
.landing-page-new h4{
    font-family: "PPLightC";
    font-size: 19px;
    margin: 0px;
}
.landing-page-new .body-container-wrapper ul li{
    list-style-image: url("//cdn2.hubspot.net/hub/362003/file-1630721471-png/images/blue_tick.png");
    padding-left: 10px;
    list-style-type: none;
}
.landing-page-new .bordered-text-block{
    position: relative;
    padding: 0;
}
.landing-page-new .bordered-text-block{
    background-size: auto 82% ;
    min-height: 164px;
}
.landing-page-new .webinar-info .bordered-text-block:before{
     background: url("//cdn2.hubspot.net/hub/362003/file-1701348051-png/images/webinar_info_top_shadow.png") center top no-repeat;
     background-size: 92%;
     top: -10px;
}
.landing-page-new .webinar-info .bordered-text-block:after{
    background: url("//cdn2.hubspot.net/hub/362003/file-1702809875-png/images/webinar_info_bottom_shadow.png") center top no-repeat;
    background-size: 92%;
    bottom: -10px;
}
.landing-page-new .webinar-info .bordered-text-block{
    padding-left: 15px;
    border: 1px solid #dddddd; 
    border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    -moz-box-shadow: 0 0 5px #e0e0e0; 
    -webkit-box-shadow: 0 0 5px #e0e0e0; 
    box-shadow: 0 0 5px #e0e0e0; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#e0e0e0')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#e0e0e0');
}
.landing-page-new .webinar-info .bordered-text-block h5{
    margin-top: 10px;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 10px;
}
 .webinar-info-list{
    padding-left: 45px;
    margin-bottom: 30px;
}
.webinar-info-list ul{
    padding-left: 20px;
}
.bordered-text-block .span8{
    border-left: 1px solid #6f6f6f;
    padding-left: 3%;
    margin: 0 0 12px 0;
}
.bordered-text-block strong{
    font-weight: bold;
}
.landing-page-new .blog-content-column{
    border-right: 0px;
}
.landing-page-new .webinar-signup-form h3{
    font-family: "PPBook";
    font-weight: bold;
    font-size: 20px;
    color: #3399cc;
    letter-spacing: normal;
}
.landing-page-new .webinar-signup-form{
    position: relative;
    padding: 10px 20px 20px;
}
.landing-page-new .blog-sidebar>div:first-child{
    padding: 10px 0;
    position:relative;
}
.landing-page-new .webinar-signup-form .hs-field-desc{
    color: #777;
    position: absolute;
    top: 155px;
}
.landing-page-new .webinar-signup-form label{
   display: none;
}

.landing-page-new .webinar-signup-form input{
    width: 100%!important;
    height: 24px;
    padding: 2px 4px;
    width: 260px;
    font: 13px PPBook;
    border: 1px solid #ddddde;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-box-shadow: #efefef 0 3px 0 inset;
    -webkit-box-shadow: #efefef 0 3px 0 inset;
    -moz-box-shadow: #efefef 0 3px 0 inset;
    box-shadow: #efefef 0 3px 0 inset;
    position: relative;

}
.landing-page-new .hs_email .input .hs-input{
    height: 24px!important;
}
}
.landing-page-new .webinar-signup-form .hs-input{
    background: transparent;
}
.landing-page-new .helped-info{
    padding: 0 20px;
    color: #777;
    margin-top: -160px;
}
.landing-page-new .hs-button{
    margin: 60px 0 30px!important;
}
.landing-page-new .social-icons{
    margin-top: -65px;
    float: right;
    color: #777;
    text-align: right;
    padding: 0 20px;
    position: relative;
    z-index: 100;
}
.webinar-selection h1{
    color: #606264;
    margin-bottom: 20px;
}
.webinar-selection h1 + p {
    font-size: 16px;
    color: #606264;
}
.social-icons div{
    margin-top: 20px;
}
.landing-page-new .webinar-signup-form .hs-button{
    -webkit-font-smoothing: antialiased;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
display: inline-block;
/*font-weight: bold;*/
text-align: center;
text-decoration: none;
width: 196px;
height: 33px;
font-family: sans-serif;
border-radius: 3px;
background-color: rgb(63,154,216);
background-image: -webkit-linear-gradient(top, rgb(63,154,216), rgb(47,115,162));
background-image: -moz-linear-gradient(top, rgb(63,154,216), rgb(47,115,162));
box-shadow: inset 0px 1px rgb(78,192,255);
-webkit-box-shadow: inset 0px 1px rgb(78,192,255);
-moz-box-shadow: inset 0px 1px rgb(78,192,255);
color: rgb(255, 255, 255);
border: 2px solid rgb(31,77,108);
text-shadow: 0px -1px rgb(18,46,64);
line-height: 1.5em;
font-size: 14px;
float: left;
clear: both;
color: #ffffff;
-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
border-radius: 10px !important;
border: none !important;
background: #41b5da;
background: -moz-linear-gradient(top, #41b5da 0%, #247bbd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #41b5da), color-stop(100%, #247bbd));
background: -webkit-linear-gradient(top, #41b5da 0%, #247bbd 100%);
background: -o-linear-gradient(top, #41b5da 0%, #247bbd 100%);
background: -ms-linear-gradient(top, #41b5da 0%, #247bbd 100%);
background: linear-gradient(to bottom, #41b5da 0%, #247bbd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41b5da', endColorstr='#247bbd', GradientType=0);
font-size: 14px!important;
font-family: "PPBook"!important;
line-height: 15px!important;
text-shadow: none!important;
padding-top: 4px!important;
max-height: 35px;
}
.landing-page-new .webinar-signup-form .hs-button:hover{
background-color: rgb(69,169,237);
background-image: -webkit-linear-gradient(top, rgb(69,169,237), rgb(47,115,162));
background-image: -moz-linear-gradient(top, rgb(69,169,237), rgb(47,115,162));
box-shadow: inset 0px 1px rgb(85,207,255), 0px 1px 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px rgb(85,207,255), 0px 1px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px rgb(85,207,255), 0px 1px 8px rgba(0, 0, 0, 0.3);
color: rgb(255,255,255);
border: 2px solid rgb(37,92,129);
background-position: 0px 0px;
}

/* webinar selection
*/
.webinar-item .blue-gradient{
    background: #42b5e5;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background: -moz-linear-gradient(top, #42b5e5 0%, #2d93d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42b5e5), color-stop(100%, #2d93d7));
    background: -webkit-linear-gradient(top, #42b5e5 0%, #2d93d7 100%);
    background: -o-linear-gradient(top, #42b5e5 0%, #2d93d7 100%);
    background: -ms-linear-gradient(top, #42b5e5 0%, #2d93d7 100%);
    background: linear-gradient(to bottom, #42b5e5 0%, #2d93d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42b5e5', endColorstr='#2d93d7', GradientType=0);
    color: #fff;
    padding: 18px;
}
.webinar-item .blue-gradient h3{
    color: #fff;
    font-family: "PPBook";
    font-size: 29px;
    margin: 0 0 10px!important;
    letter-spacing: normal;
}
.landing-page-new.hs-content-name-webinar-overview h2{
    margin: 40px 0!important;
}
.landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box{
    border: 1px solid #d0d0d0;
    border-radius: 0 0 5px 5px;
    -webkite-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    background: #fefefe;
    position: relative;
    margin-bottom: 60px;
}
.landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box:after{
border-top: 1px solid #fff;
position: absolute;
display: block;
content: "";
width: 100%;
height: 70px;
bottom: -71px;
background: url("//cdn2.hubspot.net/hub/362003/file-1653937441-png/images/table_shadow.png") no-repeat;
background-position: center -10px;
background-size: contain;
}
.landing-page-new.hs-content-name-webinar-overview .webinar-item:nth-child(2) .rounded-bordered-box{
    background: #F2F2F2;
}
.landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box p{
    font-family: "PPBook";
    font-weight: bold;
    font-size 15px;
    padding-left: 18%;
}
.landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box ul{
    padding-left: 0;
}
.landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box li{
    height: 100px;
    border-bottom: 1px dashed #c2c3c5;
    list-style-position: inside;
    padding: 20px 20px 20px 18%;
    color: #424344;
    list-style: none;
    background: url('//cdn2.hubspot.net/hub/362003/file-1964859577-png/images/grey_tick.png') 30px 25px no-repeat;;
}
.landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box li:last-child{
    border-bottom: 0px;
}
.landing-page-new.hs-content-name-webinar-overview .blue-section li:nth-child(odd),
.landing-page-new.hs-content-name-webinar-overview .yellow-section li:nth-child(odd){
    background-color: #f8f8f8;
}
.landing-page-new.hs-content-name-webinar-overview .webinar-item:nth-child(2) .rounded-bordered-box li:nth-child(2n) {
    background-color: #EFEFEF;
}
.landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box a.cta-btn:after{
    display: none;
}
.landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box a{
    margin: 0 auto 30px!important;
right: auto!important;
display: block;
}
.landing-page-new.hs-content-name-webinar-overview .yellow-top-button {
    margin-top: 20px;
}
.landing-page-new.hs-content-name-webinar-overview .blue-section .row-number-3 .span12,
.landing-page-new.hs-content-name-webinar-overview .green-section .row-number-3 .span12,
.landing-page-new.hs-content-name-webinar-overview .yellow-section .row-number-5 .span12
{
    margin-bottom: 20px;
}
.landing-page-new.hs-content-name-webinar-overview .blue-section #hs-cta-3a5318eb-ab40-4ab4-9654-6b4aefb9e565 a:after,
.landing-page-new.hs-content-name-webinar-overview .green-section #hs-cta-99295c7e-e34e-48d8-b4f9-86b3ad86080d a:after,
.landing-page-new.hs-content-name-webinar-overview .yellow-section #hs-cta-9935cb5f-6480-4d10-b0f8-375b13faf1f1 a:after {
  display: block;
  position: absolute;
  content: "No credit card required";
  left: 0;
  top: 45px;
  width: 215px;
  height: 0;
  text-align: center;
  color: #606264;
  font-weight: normal;
  font-family: "PPBook";
  font-size: 13px;
  cursor: default;
}
.webinar-info h1{
    font-size: 47px;
    color: #484747;
    line-height: 57px;
}
.webinar-info h1 span{
    color: #3399cc;
}
.webinar select[name="lead_action__c"]{
    display: none!important;
}
.webinar-info-bg .body-container-wrapper .webinar-info-page {
    /*background: url("//cdn2.hubspot.net/hub/362003/file-1702129516-png/images/webinar_bg.png") no-repeat left top;
    background-size: auto 100%;*/
}
.webinar-info-bg .body-container-wrapper .page-center{
    padding: 0px!important;
}
.webinar-info-bg .body-container-wrapper .opacity-bg{
    /*background: rgba(255, 255, 255, 0.85);*/
   /* background: url("//cdn2.hubspot.net/hub/362003/file-1702129516-png/images/webinar_bg.png") no-repeat -300px top;
    background-size: auto 100%;*/
    position: relative;
}
.webinar-info-bg .body-container-wrapper .opacity-bg:before{
    display: block;
    content: "";
      width: 100%;
    height: 100%;
    background: url("//cdn2.hubspot.net/hub/362003/file-1702129516-png/images/webinar_bg.png") no-repeat 0px top;
background-size: auto 100%;
left: -100%;
top: 0;
position: absolute;
    
}
.webinar-info-bg .row-depth--1{
    box-shadow: 0 -2px 7px rgba(50,50,50,0.6);
    -webkit-box-shadow: 0 -2px 7px rgba(50,50,50,0.6);
    -moz-box-shadow: 0 -2px 7px rgba(50,50,50,0.6);
    background: #fff;
}
.webinar-info-bg .page-center{
    margin-bottom: 0px!important;
    border-bottom: 0!important;
}
.webinar-info-bg hr{
    display: none;
}
#cust-slider-box, #cust-carousel, #cust-carousel-items-box > .item {
    min-height: 300px;
    height: 100%;
}
#cust-carousel-items-box {
    background: white;
}
#customers-footer-box {
    margin-top: 1px;
}
.carousel.vertical .item {
    left: 0 !important;
}
.carousel.vertical .active{
   top: 0!important;
    
}
.casual-sldr > div.item{
    width: 100%;
    /*margin-left: 0!important;*/
    left: 0!important;
}
.carousel-inner > .item {
 position: relative; 
display: none;
 -webkit-transition: 0.6s ease-in-out left; 
 transition: 0.6s ease-in-out left; 
}
.carousel.vertical .item {
 -webkit-transition: 0.6s ease-in-out top !important; 
-moz-transition: 0.6s ease-in-out top !important;
-ms-transition: 0.6s ease-in-out top !important;
-o-transition: 0.6s ease-in-out top !important;
transition: 0.6s ease-in-out top !important; 
}
.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.carousel.vertical .item {
    left: 0;
}​
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
.item-logo-box {
  min-height: 150px;
  height: 50%;
  display: inline-block;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  width: 16.3%;
  padding: 0 15px;
  float: none !important;
}
.item-logo-box img{
  margin: 45px auto 0;
  display: block;
  max-height: 50px;
  max-width: 140px;
}
#customers-footer-box {
  height: 255px;
  background: white;
  overflow: hidden;
  z-index: 200;
  position: relative; 
}
hr.dashed-hr {
  border: 0;
  border-bottom: 1px dashed #CECECE;
  width: 100%;
  clear: both;
}
.hstr-data-title {
  text-shadow: 1px 1px 5px rgba(0,0,0,.25);
  font-size: 2.8em;
  font-family: "Montserrat", sans-serif;
}
.row-number-2 .row-number-1 .page-center{
  border: none;
}

#hs_menu_wrapper_module_141292636921417338 ul li{
    position: relative;
    background: #F4F4F4;
}
#hs_menu_wrapper_module_141292636921417338 ul li a{
    text-align: center;
    background: #F4F4F4;
    color: #424344;
}
.hs-blog-name-history-of-data-page .span9.blog-content-column{
    margin-top: 0!important;
    border-right: none;
    background-color: #fff;
    margin-left: 29px;
    padding-left: 2.127659574%;
    padding-left: 29px;
    position: relative;
    right: -30px;
    -webkit-box-shadow: -4px -1px 4px rgba(232,232,232,0.6);
    -moz-box-shadow: -4px -1px 4px rgba(232,232,232,0.6);
    box-shadow: -4px -1px 4px rgba(232,232,232,0.6);
    z-index: 1;
}
.hs-blog-name-history-of-data-page .select-title{
    z-index: 2;
    border-bottom: 1px dashed #9b9b9b;
}
.set-border{
    border-bottom: 1px dashed #9b9b9b;
    margin: 0 50px;
    padding: 13px 0;
}
.body-container .page-center{
    padding-top: 0!important;
}
#hubspot-author_data{
    display: none;
}
#hs_cos_wrapper_module_14134612064562737 .widget-module ul li:hover{
    background-color: #E4F6FF;
}
#hs_cos_wrapper_module_14134612064562737 .widget-module ul li a:hover{
    background-color: #E4F6FF;
}
#hs_cos_wrapper_module_14129310312673067 h2 + p{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
.row-fluid .widget-type-social_sharing {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}
.white-corner {
    width: 30px;
    height: 30px;
    background-color: #fff;
    display: block;
    position: absolute;
    right: -45px;
    top: 50%;
    margin-top: -15px;
    z-index: 4;
    -webkit-box-shadow: -3px 3px 3px #d4ebf7;
    -moz-box-shadow: -3px 3px 3px #d4ebf7;
    box-shadow: -3px 3px 3px #d4ebf7;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.white-corner.success {
    right: -52px;
    top: 46%;
}
.row-fluid .widget-type-social_sharing{
    padding-bottom: 0!important;
}
.widget-type-social_sharing .layout-widget-wrapper{
    position: relative;
}
.widget-type-social_sharing span{
    float:right;
}
.row-number-4 .row-depth-3 {
    z-index: 2;
}
#hs_cos_wrapper_module_14134612064562737 .widget-module ul{
    padding-left: 0;
    position: relative;
}
#hs_cos_wrapper_module_14134612064562737 .widget-module ul li {
    position: relative;
    list-style: none;
}
#hs_cos_wrapper_module_14134612064562737 .widget-module ul li a{
    text-align: center;
    border-bottom: 1px dashed #9b9b9b;
    padding: 20px 20px 20px 10px;
    margin-bottom: 0;
    color: #424344;
    text-decoration: none;
    display: block;
    margin-left: 0;
    font-size: 13px;
    position: relative;
    right: -28px;
}
/*#history-social-sharing #hs_cos_wrapper_blog_social_sharing {
    float: right;
    padding: 5px 0 5px 30px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0,0,0,0.7);
}*/
#hs_cos_wrapper_module_14222767384093248 .page-center {
    padding-right: 3px;
}
.hs-blog-social-share {
    border: none;
}

#hs_cos_wrapper_module_14133942901181231 a{
    padding: 0 10px;
}

.hs-blog-name-history-of-data-page .page-center{
    padding-bottom: 0;
    border: none;
}
.cont-bg .row-number-1{
    background-color: #f4f4f4;
}
.cont-bg .layout-widget-wrapper{
    position: relative;
    top: -20px;
}
/* webinar overview*/
#hs_cos_wrapper_module_14109636404889548 li:first-child,
#hs_cos_wrapper_module_141096366152910296 li:first-child,
#hs_cos_wrapper_module_141096366726310802 li:first-child{
    border-top: 1px dashed #c2c3c5;
}
.hs-content-id-1643604309 .webinar-item .qb-bg,
.hs-content-id-1643604309 .webinar-item .ftpStr-bg,
.hs-content-id-1643604309 .webinar-item .ftpStrChina-bg {
    padding: 20px 35px;
    border-radius: 5px 5px 0 0;
}
.qb-bg {
    background: #42b5e5;
    background: -moz-linear-gradient(top, #42b5e5 0%, #2d93d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42b5e5), color-stop(100%, #2d93d7));
    background: -webkit-linear-gradient(top, #42b5e5 0%, #2d93d7 100%);
    background: -o-linear-gradient(top, #42b5e5 0%, #2d93d7 100%);
    background: -ms-linear-gradient(top, #42b5e5 0%, #2d93d7 100%);
    background: linear-gradient(to bottom, #42b5e5 0%, #2d93d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42b5e5', endColorstr='#2d93d7', GradientType=0);
}
.ftpStr-bg{
    background: #6edd5d;
    background: -moz-linear-gradient(top, #6edd5d 0%, #71ba47 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6edd5d), color-stop(100%, #71ba47));
    background: -webkit-linear-gradient(top, #6edd5d 0%, #71ba47 100%);
    background: -o-linear-gradient(top, #6edd5d 0%, #71ba47 100%);
    background: -ms-linear-gradient(top, #6edd5d 0%, #71ba47 100%);
    background: linear-gradient(to bottom, #6edd5d 0%, #71ba47 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6edd5d', endColorstr='#71ba47', GradientType=0);
}
.ftpStrChina-bg {
    background: #ff8b24;
    background: -moz-linear-gradient(top, #ff8b24 0%, #d33d00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8b24), color-stop(100%, #d33d00));
    background: -webkit-linear-gradient(top, #ff8b24 0%, #d33d00 100%);
    background: -o-linear-gradient(top, #ff8b24 0%, #d33d00 100%);
    background: -ms-linear-gradient(top, #ff8b24 0%, #d33d00 100%);
    background: linear-gradient(to bottom, #ff8b24 0%, #d33d00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8b24', endColorstr='#d33d00', GradientType=0);
}
.webinar-item .qb-bg h3,
.webinar-item .ftpStr-bg h3,
.webinar-item .ftpStrChina-bg h3{
    font-family: "PPBook";
    color: #fff;
    font-size: 29px;
    margin: 0 0 10px 0;
    letter-spacing: 0; 
}
.webinar-item .qb-bg p,
.webinar-item .ftpStr-bg p,
.webinar-item .ftpStrChina-bg p{
    color: #fff;
    margin: 0;
    font-size: 15px;
}
#hs_cos_wrapper_module_14109636404889548 p,
#hs_cos_wrapper_module_141096366152910296 p,
#hs_cos_wrapper_module_141096366726310802 p{
    margin-top: 0;
}
#hs_cos_wrapper_module_14109622744175248 h1{
    margin-top: 45px;
}
/*#hs_cos_wrapper_module_13988464309988311 h1,
#hs_cos_wrapper_module_142287513418710185 h1,
#hs_cos_wrapper_module_142288086087827122 h1{
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 22px;
    font-family: "Lato", san-serif;
    font-weight: 400;
    line-height: 1.18421;
}*/
.hs-content-id-1643604309 .rounded-bordered-box .row-number-3 {
    margin-top: 0!important;
}
/* Quatrix Business Webinar Signup */
#hs_cos_wrapper_module_14107825653768500 {
    text-align: center;
    float: left;
    padding-bottom: 20px;
    border-bottom:dashed 1px rgb(206, 206, 206);
}
#hs_cos_wrapper_module_14107825653768500 p{
    margin: 0 0 5px 0;
}
.hs-content-id-1612247149 .webinar-signup .row-number-3 .span4:first-child{
    padding-top: 15px;
}
.hs-content-id-1612247149 .webinar-signup-header .row-number-3 {
    padding: 0 15px;
}
.landing-page-new .content-md-el {
    border-right: 1px solid #6f6f6f;
    border-left : 1px solid #6f6f6f;
    padding: 0 15px 0 25px;
    margin-top: 15px;
}
.landing-page-new #hs_cos_wrapper_wizard_module_31021489874908382871073959309239306150_title {
    margin-top: 0;
}
.landing-page-new .blog-sidebar>div:first-child, .landing-page-new .customers-think{
  border: 1px solid #dddddd;
  border-radius: 2px; 
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px; 
  -moz-box-shadow: 0 0 5px #e0e0e0;
  -webkit-box-shadow: 0 0 5px #e0e0e0;
  box-shadow: 0 0 5px #e0e0e0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#e0e0e0')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#e0e0e0');
}
.landing-page-new .blog-sidebar {
    padding: 15px 0 15px 15px;
}
.landing-page-new .customers-think {
    padding: 15px 0;
    margin-bottom: 30px;
}
#hs_cos_wrapper_module_14105321134021424 h4{
    padding: 0 15px;
}
#hs_cos_wrapper_wizard_module_171134049433092134742261762772534811817 ul, #hs_cos_wrapper_module_14107824407005001 ul{
    padding-left: 20px;
}
.landing-page-new #hs_cos_wrapper_wizard_module_171134049433092134742261762772534811817 p{
    margin: 0;
}
#hs_cos_wrapper_wizard_module_171134049433092134742261762772534811817 ul {
    margin-top: 0;
}
#hs_cos_wrapper_module_14107824407005001 ul {
    margin-top: 0;
}
#customers-footer-box .border-footer {
    height: 1px;
    border-top: 1px dashed #9b9b9b;
    margin: 0 50px;
}
#customers-footer-box > div > a {
    color: transparent;
}
#hs_menu_wrapper_module_14032781123808595 ul li:nth-child(5){
    display: none;
}
.hs-blog-id-1815512257 .remove-pad .post-listing .post-item:last-child{
    border-bottom: 0;
    /*padding-bottom: 280px;*/
}
.hs-blog-id-573060851 .hs_blog_maytech_blog_subscription .inputs-list{
    margin-bottom: 0;
}
#hs_cos_wrapper_module_14189154676614773 #webinar-descr {
    margin-top: 40px;
    -webkit-box-shadow: 0px 3px 3px #bcbcbc;
    -moz-box-shadow: 0px 3px 3px #bcbcbc;
    box-shadow: 0px 3px 3px #bcbcbc;
}
#hs_cos_wrapper_module_14189154676614773 #webinar-descr p {
    text-align: center;
    border-bottom: none;
    padding-bottom: 40px;
    font-size: 16px;
    color: #606264;
}
.quatrix-logo{
    background-color: #F2F2F2;
}
.quatrix-logo .span4:nth-child(2) > div {
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2);
    padding: 0 15px;
}
.quatrix-logo .span4 > div{
    position: relative;
    text-align: center;
    margin: 20px 0;
}
.quatrix-logo .span4 > div > span {
    display: block;
    position: relative;
    height: 100px;
}
.quatrix-logo .span4 > div span {
    display: block;
}
.quatrix-logo .span4 > div > span > img, 
.quatrix-logo .span4 > div > span > p,
#hs_cos_wrapper_module_1418996647123985 > span{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.quatrix-logo .page-center {
    padding-bottom: 0;
    border-bottom: none;
}
#hs_cos_wrapper_module_14189154676614773 h1 {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
}
#hs-cta-wrapper-e5ae239c-b184-40be-b695-6297409f994a a {
    margin-bottom: 0!important;
}
#hs-cta-wrapper-e5ae239c-b184-40be-b695-6297409f994a a:after {
    display: none;
}
#hs_cos_wrapper_module_14189851521633303 p {
    margin: 0;
    font-size: 16px;
    color: #606264;
}
.hs-content-id-1643604309 #customers-footer-box .dashed-hr {
    display: none;
}
.hs-content-id-1643604309 .dashed-hr {
    width: auto;
    margin: 0 80px;
}
.hs-content-id-1643604309 .rounded-bordered-box .row-number-1 .span12 > div,
.hs-content-id-1643604309 .rounded-bordered-box .row-number-3 {
    margin-top: 20px;
}
.hs-content-id-1643604309 .rounded-bordered-box ul{
    margin-top: 0;
}
.margTop35 {
    margin-top: 35px;
}
.hs-blog-post #hs_cos_wrapper_email_subscriptions p.header {
    margin-left: 0;
}
#hs_cos_wrapper_email_simple_subscription #email-prefs-form  h3{
    letter-spacing: normal;
}

.hs-blog-id-1057377810 .left-nav-item {
    margin: 0 -35px 0 0;
}

.hs-blog-id-1057377810 .left-nav-item:nth-of-type(4),
.hs-blog-id-1057377810 .left-nav-item:hover {
    background-color: rgb(228, 246, 255);
}

.hs-blog-id-1057377810 .left-nav-item a {
    border-bottom: 1px dashed rgb(155, 155, 155);
    padding: 20px 20px 20px 10px;
    margin-bottom: 0;
    color: #424344;
    text-decoration: none;
    display: block;
    margin-left: 20px;
    margin-right: -28px;
    font-family: PPBook,sans-serif;
}
.hs-blog-id-1057377810 #hs_cos_wrapper_module_14260846145681353 #left-nav-box {
    position: relative;
}
.hs-blog-id-1057377810 .success-stories-content {
    margin-top: 0!important;
    padding-top: 50px;
}
.hs-blog-id-1057377810 .success-stories-content .post-item {
    background: white;
}
@media screen and (min-width: 960px) {
    .cont-bg {
        padding-left: 5px!important;
        padding-right: 5px!important;
    }
    .hs-content-id-1612247149 .webinar-signup .row-number-3{
        padding: 15px 0;
    }
    #hs_cos_wrapper_module_14105321134021424 .row-fluid p{
        position: relative;
        left: -15px;
    }
    #hs_cos_wrapper_module_14109424260011602 p {
        margin-top: 30px;
    }
}
@media screen and (max-width: 960px) {
   
    .set-border {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    #hs_cos_wrapper_module_14134612064562737 .widget-module ul li a{
        padding: 10px 20px 10px 10px;
        right: 0;
    }
    
    .hs-blog-name-history-of-data-page .body-container-wrapper .span3+.span9{ 
        background-color: #fff;
        margin-left: 0;
        padding-left: 2.127659574%;
        padding-bottom: 30px;
        position: relative;
        top: 0;
        right: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    } 
    .hs-blog-name-history-of-data-page .cont-bg .row-number-1 {
        height: 537px !important;
    }
    /*#hs_cos_wrapper_module_14129310312673067 p:last-child{
        display: none;
    }*/
    .f-icon-wrap,
    .f-icon-wrap.small-icon,
    .f-icon-wrap.big-icon {
        width: 25%;
        margin: 10px 0;
    }
    .f-icon-wrap:first-child .f-icon, 
    .f-icon-wrap:first-child+.f-icon-wrap .f-icon{
        float: none;
    }
    .f-icon.mcAfee img{
        float: none;
        margin: 0 auto;
        display: block;
    }
    #hs_cos_wrapper_module_14129310312673067 h2+p{
        padding: 0;
    }
    .widget-type-social_sharing span{
        display:  block;
        margin: 0 auto;
        float: none;
        position: relative;
        width: 227px;
    }
    .text-title-descr .layout-widget-wrapper{
        margin: 0 20px;
    }
    /*#hs_cos_wrapper_module_14134612064562737 .white-corner{
        display: none;
    }*/
    .landing-page-new.hs-content-name-webinar-overview .rounded-bordered-box {
        margin-top: 0;
    }
    #hs_cos_wrapper_module_14109622744175248 h1{
        margin-bottom: 20px;
    }
    .hs-content-id-1643604309 .webinar-item .qb-bg,
    .hs-content-id-1643604309 .webinar-item .ftpStr-bg,
    .hs-content-id-1643604309 .webinar-item .ftpStrChina-bg {
        padding: 20px 15px;
    }
    .landing-page-new .social-icons{
        margin-top: -45px;
    }
    /* Quatrix Business Webinar Signup */
    .landing-page-new .content-md-el {
        padding-left: 0;
        border: none;
    }
    .landing-page-new .blog-sidebar {
        padding-left: 0;
    }
    #hs_cos_wrapper_module_14105321134021424 .span4 p{
        padding-left: 15px;
    }
    #hs_cos_wrapper_module_14105321134021424 .span8 p{
        padding-right: 15px;
    }
    .landing-page-new .customers-think{
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .fixed-top {
        position: fixed !important;
        top: 0px;
        bottom: ;
        width: 162px !important;
    }
    #year-column .span12.widget-type-post_filter {
        width: 180px!important;
    }
    #year-column #hs_cos_wrapper_module_14134612064562737 .white-corner{
        right: -18px !important;
    }
    #year-column  #hs_cos_wrapper_module_14134612064562737 .widget-module ul{
        background-color: #f4f4f4;
    }
    .fixed-top#year-column  #hs_cos_wrapper_module_14134612064562737 .widget-module ul{
        background-color: #f4f4f4;
    }
    .hs-blog-id-1815512257 .row-number-1 .widget-type-cell{
        margin-top: 0px;
    }
}

@media screen and (min-width: 768px) {
    .cont-bg .row-number-1 {
       background-color: transparent !important
    }
    #year-column #hs_cos_wrapper_module_14134612064562737 .widget-module ul {
      background-color: rgb(244, 244, 244); 
      height: auto;
    }
    /*#year-column .span12.widget-type-post_filter.fixed-top {
        background-color: rgb(244, 244, 244);
    }*/
    
   .fixed-top.absolute-bottom {
        position: absolute !important;
        bottom: -16.6px;
        top: auto;
    }
    .fixed-top.absolute-bottom ul li:last-of-type a {
        border-bottom: none !important; 
    }
    
    #year-column:not(.fixed-top) #hs_cos_wrapper_module_14134612064562737 .widget-module ul li a:first-of-type {
        border-top: none !important;
    } 
    
    .hs-blog-name-history-of-data .body-container .page-center{
        padding-bottom: 0px !important;
    }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
  
  .visible-tablet-mobile{
    display: none !important;
  }
  .year-column #hs_cos_wrapper_module_14134612064562737 .widget-module ul {
    margin-bottom: 20px !important;
  }
  
}

  
@media screen and (max-width: 640px) {
  .f-icon-wrap,
  .f-icon-wrap.small-icon,
  .f-icon-wrap.big-icon {
    width: 33.3%;
    margin: 10px 0;
  }
  #ftp-video {
    width: 316px;
    height: 170px;
  }
  #video-content {
    margin-left: -170px !important;
  }
}
@media (max-width: 540px) {
  #logo-box {
    margin: -3px 0 0 38px;
    width: 135px !important;
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .f-icon-wrap, .f-icon-wrap.small-icon, .f-icon-wrap.big-icon {
    width: 50%;
  }
  .custom_Footer_social {
    display: none !important;
  }
  .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: left !important;
  }

  h2 .big, .h2 .big {
    font-weight: 100;
  }
}

@media screen and (min-width: 481px) {
  .visible-mobile {
      display: none !important;
  }
}
@media (max-width: 767px) and (min-width: 541px) {
  #logo-box {
    margin: 15px auto;
    width: 147px !important;
  }
}

@media screen and (max-width: 360px) {
#recaptcha_area>#recaptcha_table  {
  width: auto !important;
}
#captcha_wrapper #recaptcha_area  {
  width: auto !important;
}
#recaptcha_image  {
  width: auto !important;
}
#recaptcha_table .recaptcha_input_area {
  width: 115px!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
}
.recaptchatable #recaptcha_response_field {
  width: 130px!important;
}
a#recaptcha_reload_btn {
  display: block;
  width: 25px;
}
.recaptchatable .recaptcha_input_area #recaptcha_response_field {
  width: 130px!important;
  margin-left: 6% !important;
  padding-top: 2px !important;
  padding-left: 2px !important;
}
.recaptchatable .recaptcha_r4_c4 {
  width: 32% !important;
}
#recaptcha_table .recaptcha_r1_c1 {
  background: url('http://www.google.com/recaptcha/api/img/white/sprite.png') 1px 5px;
  width: 270px;
  height: 4px;
  background-size: 107.5%;
}
.recaptchatable .recaptcha_r2_c2 {
  width: 3% !important;
}
}

@media screen and (min-width: 641px) {
  .blog-post-wrapper .post-body.blog p>img {
    max-width: 500px;
  }
  #ftp-video {
    width: 601px;
    height: 338px;
  }
  .f-icon.mcAfee {
    float: right;
  }
}

.comment-visible {
  display: none !important;
}
.related-topics {
  display: none !important;
}
.related-topics h3 {
  color: #39c !important;
  font-family: PPBook;
  font-size: 16px;
  margin-bottom: 0px;
}

.related-topics a: hover, .answer-block a: hover {
  color: #39c !important;
}
.related-topics .block>h3+.widget-module {
  display: none;
}
.answer-block img {
  border: 1px solid black;
}
.answer-block table ul {
  padding-left: 20px;
}
.answer-block table, .answer-block th, .answer-block td {
  border: 1px solid black;
  padding: 5px;
  border-collapse: collapse;
}
.coming-group {
  background: #DFDFDF;
}
.search-visibl {
  display:none !important;    
}
.faq-search .hs-form .input a{
  padding: 4px !important;
  margin-left: 5px;
  margin-right: 5px;
}
.faq-search .hs-form .input{
  float: right;
}
.faq-search.widget-type-google_search input[type="text"] {
  width: 70%;    
}
.categories-cta .cta_button {
  text-decoration: none;
  text-align: center;
}
.categories-cta .cta_button>div {
  text-align: center;
}
.email-copy1-body, .email-copy1-body * {
  font-size:10pt !important;
  color: red !important;
  font-weight: bold;
}
/* ==========================================================================
   Custom Styles
   ========================================================================== */

/**
 * The include below remains at the bottom of the stylesheet so that custom
 * styles will override base styles.
 *
 * The styles from the include below are custom and miscellaneous styles 
 * that do not pertain to any sections in CompanyStyle.css.
 */

/**
 * CompanyCustom.css     
 *
 * All custom and miscellaneous styles that do not pertain to any available
 * sections in CompanyStyle.css.                           
 */



/* ==========================================================================
   Index:                                                

    - Components
    - Template Module Classes
    - Unique pages
    - Micellaneous
    - Mobile
 
   ========================================================================== */





/* ==========================================================================
   Components                                               
   ========================================================================== */


/* Global CTA */
.global-cta {
    background: url('//cdn2.hubspot.net/hub/362003/file-853379290-png/images/tab.png') no-repeat;
    width: 397px!important;
    height: 279px!important;
    padding: 130px 30px 27px 123px; 
    position: absolute;
    top: -300px;
    right: 0;
}




/* ==========================================================================
   Template Module Classes                                               
   ========================================================================== */


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

/* Full Width Template */
.full-width-template .full-width{}

/* Three Column Template */
.three-column-template{}
.three-column-template .left-column{}
.three-column-template .center-column{}
.three-column-template .sidebar{
    border-left: dashed 1px rgb(206, 206, 206);
    padding:0 0 0 20px;
    margin-bottom:15px!important;
}

/* Two Column Template */
.two-column-template{}
.two-column-template .left-column{}
.two-column-template .sidebar{
    border-left: dashed 1px rgb(206, 206, 206);
    padding:0 0 0 20px;
    margin-bottom:15px!important;

}


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

/* Full Width Template */
.full-width-template-landing-page .full-width{}

/*Thank You Flex Template */
.thank-you-template{}
.thank-you-template .left-column{}
.thank-you-template .sidebar{
    border-left: dashed 1px rgb(206, 206, 206);
    padding:0 0 0 20px;
    margin-bottom:15px!important;

}

/*Three Column Template */
.three-column-template-landing-page{}
.three-column-template-landing-page .left-column{}
.three-column-template-landing-page .center-column{}
.three-column-template-landing-page .sidebar-form{
    border-left: dashed 1px rgb(206, 206, 206);
    padding:0 0 0 20px;
    margin-bottom:15px!important;

}

/* Two Column Template */
.two-column-template-landing-page{}
.two-column-template-landing-page .left-column{}
.two-column-template-landing-page .sidebar-form{
    border-left: dashed 1px rgb(206, 206, 206);
    padding:0 0 0 20px;
    margin-bottom:15px!important;

}





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


/* Ex. Homepage */

/* Ex. Contact Us */

/* Ex. About Us */





/* ==========================================================================
   Miscellaneous                                             
   ========================================================================== */


/* Ex. Fancybox Plugin Overrides */

/* Ex. Twitter Feed Overrides */

/* Ex. Any 3rd Party Plugin/Code Overrides */





/* ==========================================================================
   Mobile                                                 
   ========================================================================== */


/* Large Desktop
   ========================================================================== */
@media (min-width: 1200px) {}


/* Landscape phone to portrait tablet
   ========================================================================== */
@media (max-width: 767px) {
        .global-cta {
            display: none !important;
        }
    }
     

/* Landscape phones and down
   ========================================================================== */
@media (max-width: 480px) {}


/* iPhone
   ========================================================================== */
@media (max-width: 320px) {}




/*========== Maytech's  Forms Styles =============*/
body .signup-form form.hs-form fieldset[class*="form-columns"] .hs-input[name="share_to_china"] { 
  width: auto;
  margin-right: 5px;
}
/*body input.hs-input.error{
border-color:#c87872;
}*/
body .signup-form form.hs-form ul.hs-error-msgs.inputs-list li label {
  color: red;
  font-size: 12px;
  line-height: 12px;
}
body .signup-form form.hs-form fieldset[class*="form-columns"] .hs-input.error {
  border-color: red;
}

body .signup-form ul.hs-error-msgs {
  margin-top: 0px;
}
.block-center, .block-center img {
    display: block;
    margin: 0 auto;
}
.no-border, .hs-blog-name-maytech-blog .no-border>.cell-wrapper {
    border: none;    
}

.hs-blog-name-maytech-blog .body-container .span12.page-center {
    border-bottom: none;
}
.hs-blog-name-maytech-blog  .video-content .cell-wrapper {
    border-bottom: none;
}
.hs-blog-name-history-of-data .body-container .page-center{
    border-bottom: none;
}
#customers-footer-box > .container{
    padding-left: 0px;
    padding-right: 0px;
}
/*logo image in QX email's signature*/
.qx-email-body img {
    display: none !important;
}
.widget-span.widget-type-email_body.qx-email-body img{
    display: none  !important;;
}
.col-w20 {
  width: 20%;
  /*float: left;*/
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#casual-cust-slider .right-cust {
  background-position: right  50% !important;
  background-image: url('//cdn2.hubspot.net/hubfs/362003/images/arrow-right-slider.png') !important;
}
#casual-cust-slider .left-cust {
  background-position: left  50% !important;
  background-image: url('//cdn2.hubspot.net/hubfs/362003/images/arrow-left-slider.png') !important;
}
.cust-arrows {
  background-repeat: no-repeat !important;
  background-position: center;
  filter: none !important;
  top: -10%;
}
#cust-carousel-items-box > .item {
  width: 90%;
  margin-left: 5%;
}



/*.hs-blog-name-success-stories a#trial-btn {
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 196px;
    height: 31px;
    font-family: sans-serif;
    border-radius: 3px;
    background-color: rgb(63,154,216);
    background-image: -webkit-linear-gradient(top, rgb(63,154,216), rgb(47,115,162));
    background-image: -moz-linear-gradient(top, rgb(63,154,216), rgb(47,115,162));
    box-shadow: inset 0px 1px rgb(78,192,255);
    -webkit-box-shadow: inset 0px 1px rgb(78,192,255);
    -moz-box-shadow: inset 0px 1px rgb(78,192,255);
    color: rgb(255, 255, 255);
    border: 2px solid rgb(31,77,108);
    text-shadow: 0px -1px rgb(18,46,64);
    line-height: 1.5em;
    font-size: 14px;
    position: relative;
    right: 55px;
    clear: both !important;
    color: #ffffff;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 10px !important;
    border: none !important;
    background: #41b5da;
    background: -moz-linear-gradient(top, #41b5da 0%, #247bbd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #41b5da), color-stop(100%, #247bbd));
    background: -webkit-linear-gradient(top, #41b5da 0%, #247bbd 100%);
    background: -o-linear-gradient(top, #41b5da 0%, #247bbd 100%);
    background: -ms-linear-gradient(top, #41b5da 0%, #247bbd 100%);
    background: linear-gradient(to bottom, #41b5da 0%, #247bbd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41b5da', endColorstr='#247bbd', GradientType=0);
    font-size: 14px!important;
    font-family: "PPBoldReg"!important;
    width: 195px!important;
    line-height: 15px!important;
    text-shadow: none!important;
    padding-top: 7px!important;
    max-height: 35px;
    margin: 40px auto 20px auto !important;
}*/

/**** for 404 page footer to bottom of the page ****/
/*.hs-content-id-0.hs-content-name-  .footer-container-wrapper{
  position: absolute;
  width: 100%;
  bottom: 0;
}*/

.hs-content-id-0.hs-content-name-  .body-container-wrapper .container-fluid .row-fluid .page-center {
  border-bottom: none !important;
}

.clearfix {
  clear: both;    
}
.footer-soc-links{
  width: 17px;
  height: 17px;
  margin-right: 4px;
}
#socials {
  float: right;
}

#hs-content-name-sm-home {
  display: none !important;
}
.qv-info:hover {
  background-color: #34495E !important;
  border-color: white !important;
}
.text-nowrap {
  white-space: nowrap;
}
#mcAfee{
  float: right;
}
#mcAfee>img {
  filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
  filter: gray;
  -webkit-filter: grayscale(100%);
  display: block;
  margin: 0 auto;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:last-of-type {
    margin-right: 0;
}
#topinfo {
  font-size: 12px;
  line-height: 20px;
  border-radius: 7px !important;
  filter: none !important;
  box-shadow: none!important;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  padding: 0 0 14px 0;
  font-weight: bold;
  color: #14B1E7;
}
#topinfo a {
  color: #777777;
}
#topinfo a:hover {
  text-decoration: none;
}
#topinfo > li {
  display: inline-block;
}
#topinfo > li + li {
  margin-left: 36px;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.header-container.fixed {
  /*overflow: hidden;*/
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}
.header-container.fixed #topinfo {
  display: none;
}
[class*="cell-wrapper"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}