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

 /***********************************************/
 /* CSS @imports must be at the top of the file */
 /* Add them above this section                 */
 /***********************************************/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700italic);
 /****************************************/
 /* HS COS Boilerplate v1.0              */
 /****************************************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

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

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

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

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

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

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

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

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

 /* These includes are optional, but helpful. */
  /* 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 */
    }
    
    /* Videos */
    video {
        max-width: 100%;
        height: auto;
    }
    
        .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;
    }
    
        /* 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 ul ul {
        padding: 10px;
    }
     
    .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 > 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 > 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 > 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;
    }
    
        /* Veritical 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;
    }
    
        /* Show Nested Children */
    .hs-menu-wrapper.hs-menu-flow-vertical li.hs-item-has-children > ul > li { display: none; }
    .hs-menu-wrapper.hs-menu-flow-vertical li.active-branch > ul > li { display: block; }
    .hs-menu-wrapper.hs-menu-flow-vertical li ul { padding-left: 1em; }
     
    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
        max-width: 100%;
        overflow: hidden;
    }
    
        @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;
            padding-left: 1em;
        }
        .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;
        }
    }
    
    
        .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: 90%;
        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;
    }    
    

 /* 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
    - Base
    - Typography
    - Structure
    - Header
    - Menu
    - Content
    - Blog
    - Forms
    - Footer
    - Misc
    - Mobile
 */

/****************************************/
/* Variables                            */
/****************************************/

/* Find the most consistently used font styles, colors, and 
   container widths for your site and apply them below 
   for easy use and reference. 

   Apply the variable as shown below (ignoring 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 these for any css3 properties that require browser prefixes.

   Apply the style as shown below (ignorning the jinja comment tags): 
   
*/
 

/*****************************************/
/* Base - Start style declarations here  */
/*****************************************/

/* Apply a natural box layout model to all elements 
   so that width and padding are 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. @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); */

/* Migration Tech Name - Rajesh Kumar */
/* Date: 10-Jan-2014 */

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

/* Your website background color and default font styles can go here */
body {
  background: #fff;
  color: #666666;
  font-family: 'Open Sans', Sans-Serif;
  font-size: 16px;
  line-height: 24px;
}

/* Page Center - Apply this class to full-width modules */
.page-center {
    float: none !important;
    max-width: 1050px !important;
    margin: 0px auto !important;
        margin-top: 0px;
        margin-right-value: auto;
        margin-bottom: 0px;
        margin-left-value: auto;
        margin-left-ltr-source: physical;
        margin-left-rtl-source: physical;
        margin-right-ltr-source: physical;
        margin-right-rtl-source: physical;
}

a { color: #0791ce;
    text-decoration: none;
}
a:hover, a:focus {
    color: #C85305;
}
/*---------------------Links-------------*/

.header-container a{}

.header-container a:hover{}

.body-container-wrapper .container-fluid .widget-type-rich_text a {}

.body-container-wrapper .container-fluid .widget-type-rich_text a:hover {}

.footer-container a{}

.footer-container a:hover{}

/* Ensure responsive images retain proportions */
img { height: auto !important; }

/* Highlighted Text */
::-moz-selection {
    color: #fff;
    background: #666666;
}
::selection {
    color: #fff;
    background: #666666;
}


/* ------ Typography ------ */
/* Basic text */
p {} 
small {
    font-size: 11px;
    line-height: 16.5px;
}
strong {}
em {}
cite {}

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

h1 {
    color: #666666;
    font-size: 33px;
    font-weight: 300;
    line-height: 37px;
}
h2 {
    color: #4B89B2;
    font-size: 24px;
    font-weight: 300;
    line-height: 35px;
    margin-top:35px;
    padding:10px 0px 10px 0px;
    margin-bottom:35px;
    border-top-style:dotted;
    border-top-width:1px;
    border-bottom-style:dotted;
    border-bottom-width:1px;
   
}
h3, {
    color: #666666;
    font-size: 22px;
    font-weight: bold;
    line-height: 225px;
}
h4 {
    color: #4B89B2;
    font-size: 17px;
    font-weight: bold;
    line-height: 22px;
    
}
h5 {
     color: #666666;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
h6 {
    color: #4B89B2;
    font-size: 24px;
    font-weight: 400;
    line-height: 27px;


}

/* Lists */

ul, ol {
    font-size:0.95em;
    list-style-type:square;    

}
ul ul, ul ol, ol ol, ol ul {}

li {}
.body-container-wrapper .container-fluid .widget-type-rich_text ul {}
.body-container-wrapper .container-fluid .widget-type-rich_text ul li {}
ul.unstyled, ol.unstyled {
	list-style: none;

    
}

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

/* Quotes */
blockquote {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    font-size: 0.9em;
    margin-bottom:35px;
    margin-top:35px;
    font-style:italic;
    font-weight:lighter;
    color:#a1a1a1;
    margin-left:25px;
    margin-right:25px;
    
}
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 {}

/*Page Center for all section*/
.header-container .page-center {}
.body-container .page-center {}
.footer-container .page-center {}

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

/* ------ Header ------ */
.header-container-wrapper {
    background: none repeat scroll 0 0 #FCFCFC;
    border-bottom: 2px solid #D8D8D8;
}
.header-container {}

/* ------ Content ------ */
.body-container-wrapper {}
.body-container {
    padding-bottom: 25px;
}

/* ------ Footer ------ */
.footer-container-wrapper {

}
.footer-container {}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {
    display: block;
    margin: 0;
}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {
    height: auto !important;
}

/* Footer Toggle Menu */
.g1-toggle__content ol {
    list-style: disc;
    padding-left: 25px;
    margin-top: 0;
}
.g1-toggle__content li {
    border-top: 1px solid #4d4d4d;
    padding: 4.125px 0;
}
.g1-toggle__content li:first-child {
    border: 0;
}
.g1-toggle__content a {
    color: #999;
}
.g1-toggle__content a:hover {
    color: #fff;
} 
.g1-toggle__title.expanded i {
    -webkit-transition: all 0.375s ease-in-out;
    -moz-transition: all 0.375s ease-in-out;
    -o-transition: all 0.375s ease-in-out;
    transition: all 0.375s ease-in-out;
}
.g1-toggle__title.expanded i {
    background-image: url('//cdn2.hubspot.net/hub/347251/file-456753083-png/minus.png');
}


/* ------ Menu ------ */
.header-container .hs-menu-wrapper.hs-menu-flow-horizontal {}
 
.hs-menu-wrapper {}

/* Anchors */
.hs-menu-wrapper a {}
.hs-menu-wrapper a:hover {}

/* Drop down */
.hs-menu-wrapper.hs-menu-flow-horizontal ul {}

/* Override max width on menu links */
.hs-menu-wrapper > ul li a {
  overflow: visible !important;
  max-width: none !important;
}
/*------Common Menu Style------*/
.hs-menu-wrapper {}

.hs-menu-wrapper > ul {
    display: block !important;
    padding-left: 0;
    margin-bottom: 0 !important;
}

.hs-menu-wrapper > ul > li > a{
    color: #AAAAAA;
    display: block !important;
    font: 300 16px/1 "Open Sans";
    max-width: 100% !important;
    padding: 10px;
    text-decoration: none;
}

.hs-menu-wrapper > ul > li > a:hover {background:#f1f1f1;}

.hs-menu-wrapper  ul li.hs-item-has-children {}

.hs-menu-wrapper ul ul {
    background-color: #f1f1f1;
    transition: visibility 0s ease 0.525s, opacity 0.35s ease-in-out 0.175s, transform 0.35s ease-in-out 0.175s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    padding: 10px;
   
}

.hs-menu-wrapper ul ul li{
    border-bottom:dotted;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
}

.hs-menu-wrapper ul ul li a{
	text-decoration: none;
    color: #A1A1A1;
    font: 300 13px/16px "Open Sans";
    padding: 5px;
    background-color: #f1f1f1;
}
.hs-menu-wrapper ul ul li a strong{
    font-weight: bold;
}
.hs-menu-wrapper ul ul li a:hover{
    color: #666666;
    background: #ffffff;
    -webkit-backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.hs-menu-wrapper ul ul ul {
    left: auto !important;
    right: 100% !important;
}
.hs-menu-wrapper ul ul ul li a {
    background: none repeat scroll 0 0 #EAEAEA;
    color: #444444;
    font-size: 16px;
    line-height: 35.2px;
    padding: 5px 10px;
}
.hs-menu-wrapper ul ul ul li a:hover {
    background: #444444;
    color: #eaeaea;
}
/*------header top menu------*/

.header-container .hs-menu-flow-horizontal {}

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

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

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

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

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

/*------header child menu------*/

.header-container .hs-menu-flow-horizontal ul ul {}

.header-container .hs-menu-flow-horizontal ul ul li {}

.header-container .hs-menu-flow-horizontal ul ul li a {}

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



/*------End header top menu------*/

/*------body horizontal menu------*/

.body-container .hs-menu-flow-horizontal {}

.body-container .hs-menu-flow-horizontal > ul {
    padding: 10px 0;
}

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

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

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

.body-container .hs-menu-flow-horizontal ul li.hs-item-has-children {}

/*------body child menu------*/

.body-container .hs-menu-flow-horizontal ul ul {}

.body-container .hs-menu-flow-horizontal ul ul li {}

.body-container .hs-menu-flow-horizontal ul ul li a {}

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

/*------End Body horizontal menu------*/

/*------footer horizontal menu------*/

.footer-container-wrapper {
   background: none repeat scroll 0 0 #333333;
    border-radius: 0 28px 0 0;
    padding-top: 47px;
}
.footer-container {}

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

.footer-container .hs-menu-flow-horizontal > ul {
    float: right;
    padding: 6px 10px 0 0;
}

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

.footer-container .hs-menu-flow-horizontal > ul > li > a {
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

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

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

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

/*------footer child menu------*/

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

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

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

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

/*------End footer horizontal menu------*/

/*------side menu------*/

.hs-menu-flow-vertical {}

.hs-menu-flow-vertical > ul {
    padding: 10px 0;
}

.hs-menu-flow-vertical > ul > li {}

.hs-menu-flow-vertical > ul > li > a {
    background: url("//cdn2.hubspot.net/hub/347251/file-443116944-png/li-bg.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #E6E6E6;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 5px 5px 5px 12px;
}

.hs-menu-flow-vertical ul li a:hover {
    background-image: url(//cdn2.hubspot.net/hub/347251/file-450261695-png/li-bg-hover.png);
    color: #C85305;
}

.hs-menu-flow-vertical ul li.hs-item-has-children {}

/*--side nav - child menu ---*/

.hs-menu-flow-vertical ul ul {
    left: 100% !important;
}

.hs-menu-flow-vertical ul ul li {}

.hs-menu-flow-vertical ul ul li a {}

.hs-menu-flow-vertical ul ul li a:hover {}
/* Apply mobile navigation solution here */


/* ------ Blog ------ */

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

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

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

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {
    border-bottom: 10px solid #ef681a;
    padding: 0 0 20px;
    margin-top:70px;
    margin-right:50px;
    margin-bottom:100px;
}
.post-body {
    
    margin-top:0px;
    margin-right:90px;
 
}

.blog-post-wrapper h2, .post-header h2{}

.blog-post-wrapper h2 a, .post-header h2 a{}

.blog-post-wrapper h2 a:hover, .post-header h2 a:hover{}

#hs_cos_wrapper_blog_subscription_title{}

#comment-form h4{}

#hubspot-topic_data{
	color: #888888;
	font-weight:700;
}
.post-listing  #hubspot-author_data{
    padding-bottom: 7px;
    border-bottom: 1px solid #cccccc;
    margin-top: 0;
    font-style: italic;
}

.post-header  #hubspot-author_data{
    padding-bottom: 7px;
    border-bottom: 1px solid #cccccc;
    margin-right: 110px;
    font-style: italic;
}

.input ul li{
    padding: 0 !important;
}

/*--- Blog Commments ---*/
/* Custom styles 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; }

/*--- Blog Commments Form ---*/
#blog-comment-form {}
#blog-comment-form  div.hs-form-field {}
#blog-comment-form  div.hs-form-field label {}
#blog-comment-form  div.hs-form-field .hs-field-desc {}
#blog-comment-form  div.hs-form-field input[type="text"],
#blog-comment-form  div.hs-form-field input[type="email"],
#blog-comment-form  div.hs-form-field textarea { }
#blog-comment-form  div.hs-form-field select {}
#blog-comment-form  .hs-button {}

#blog-comment-form  textarea, 
#blog-comment-form  input[type="text"], 
#blog-comment-form  input[type="password"], 
#blog-comment-form  input[type="datetime"], 
#blog-comment-form  input[type="datetime-local"], 
#blog-comment-form  input[type="date"], 
#blog-comment-form  input[type="month"], 
#blog-comment-form  input[type="time"], 
#blog-comment-form  input[type="week"], 
#blog-comment-form  input[type="number"], 
#blog-comment-form  input[type="email"], 
#blog-comment-form  input[type="url"], 
#blog-comment-form  input[type="search"], 
#blog-comment-form  input[type="tel"], 
#blog-comment-form  input[type="color"], 
#blog-comment-form  .uneditable-input {}

#blog-comment-form form div.hs-form-field ul li {}
#blog-comment-form .hs_submit {}

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

/*-- Subscription frequency form --*/
.hs_blog_default_blog_subscription {}
.hs_blog_default_blog_subscription ul {}

/* This is to override the default button styles.  Must include !important for each overriding propety */
.hs_blog_default_blog_subscription .hs-button {}


/* ------ Forms ------ */
/* Most properties require !important tags and very specific selectors to override COS styles. */

.hs-form {}
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{}
.hs-input {
   
}
.hs-input:hover {}
.hs-input:focus {}

.hs-input[type="radio"] {
    margin-right: 8px;
    box-shadow: none;
}
.input ul {
    list-style: none;
    padding-left: 0px;
}
.field label {}



/* Buttons */
.hs-button {
    display: inline-block;
    margin: 10px 0;
}
.hs-button:hover {}
.hs-button:focus {}
.hs-button:active {}

.hs-button:hover, .hs-button:focus, .hs-button:active {}

/* ------ Misc ------ */
/* Any additional styles or unique components can go in this space */

/* Text Alignment */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* Floats */
.float-left { float: left; }
.float-right { float: right; }


/* ------ Mobile ------ */
/* Large desktop */
@media (min-width: 979px) and (max-width: 1200px) {
    .header-bottom .hs-menu-flow-horizontal > ul > li > a {
        font-size: 14px;
        padding: 10px 7px;
    }
    .page-center{
        padding: 0 15px;
    }
}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {}


/* ==========================================================================
   Mobile Menu - Toggle Dropdown Menu - Fixed Top
   ========================================================================== */


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


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

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


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

a.mobile-trigger {
     display: none; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    margin: 3px;
    padding: 11px 0 5px 0;
}
a.mobile-trigger:hover {
    text-decoration: none; /* Removes link text underline on button */
}

/* Three line icon */
a.mobile-trigger span {
    margin: 0 auto;
    position: relative;
}
a.mobile-trigger  span:before, a.mobile-trigger span:after {
    position: absolute;
    content: '';
}
a.mobile-trigger  span, a.mobile-trigger  span:before, a.mobile-trigger  span:after {
    background-color: #444444;
    border-radius: 2px;
    display: block;
    height: 3px;
    width: 16px;
}
a.mobile-trigger  span:before {
    margin-top: -5px; /* Position top line */
}
a.mobile-trigger  span:after {
    margin-top: 5px; /* Position bottom line */
}
 
 
/* Menu Styles on Mobile Devices
   ========================================================================== */   
         
 @media (max-width: 979px) {
 
     /* Hide menu on mobile */
     .custom-menu-primary.js-enabled .hs-menu-flow-horizontal {
          display: none;
     }  
 
     /* Show menu button on mobile */
     a.mobile-trigger {
          display: inline-block;
     }
 
     /* 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 !important;
     }
    
     /* Show child lists when hovering over parent */
     .custom-menu-primary li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
          display: block !important;
     }
 
     /* Add down arrow to nav items with children */
     .custom-menu-primary ul li.hs-item-has-children > a:after{
          content:'';
          margin-left: 10px;
          width: 0;
          height: 0;
          border-left: 5px solid transparent; /* Adjust border sizes to go bigger or smaller */
          border-right: 5px solid transparent;
          border-top: 5px solid #fff; /* change this color to match menu text */
          border-bottom: 0px !important;
     }
 
     /* General Menu Styles */
     .custom-menu-primary.js-enabled{
        text-align: right; /* Change the text align to change the position of the toggle button */
        /*position: fixed; */
        /*width: 100% !important;*/
        -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5); /******************************************/
        -moz-box-shadow:    0px 2px 6px rgba(0, 0, 0, 0.5); /* Adds a little shadow to menu for depth */
        box-shadow:         0px 2px 6px rgba(0, 0, 0, 0.5); /******************************************/
        border-radius: 15px;
        position: relative;
        top: 17px;
     }

     .header-container-wrapper{
      padding-top: 65px; /* Add padding to header to make room for menu */
     }
     .custom-menu-primary .hs-menu-flow-horizontal{
          text-align: left; /* Left aligns menu text */
     }
 
     /* Parent List */
     .custom-menu-primary ul{
          background-color: #333;
     }
     .custom-menu-primary ul li{}
     .custom-menu-primary ul li a{
          color: #fff;
     }
     .custom-menu-primary ul li a:hover{
          color: #cc0000;
     }
 
     /* Child List */
     .custom-menu-primary ul ul{}
     .custom-menu-primary ul ul li{}
     .custom-menu-primary ul ul li a{}
     .custom-menu-primary ul ul li a:hover{}
 
     /* Grandchild List */
     .custom-menu-primary ul ul ul{}
     .custom-menu-primary ul ul ul li{}
     .custom-menu-primary ul ul ul li a{}
     .custom-menu-primary ul ul ul li a:hover{}
     
    .header-container-wrapper {
        padding-top: 0;
    }
    .page-center{
        padding: 0 15px;
    }
    .footer-container-wrapper {
        padding-top: 20px;
    }
    .footer-container .hs-menu-flow-horizontal > ul > li > a {
        padding: 10px 5px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .footer-container .hs-menu-flow-horizontal > ul > li > a {
        margin-left: 0 !important;
    }
}
     
/* Landscape phones and down */
@media (max-width: 480px) {}

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

/* ------ Custom Style Overrides ------ */
/***********************************************/
 /* custom.css    */
 /* All custom and miscellaneous 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 ;
    }
}
 
/****************************************/
/* Index                                */
/****************************************/
/*
- Reusable Components
- Template Module Classes
- Unique pages
- Micellaneous
- Mobile
*/
 
/****************************************/
/* Reusable Components                  */
/****************************************/
 
 
/*-- ex. Containers --*/
.header-top {
    background: none repeat scroll 0 0 #353535;
    border-bottom: 2px solid #BCBCBC;
    border-top: 3px solid #EF6F25;
    box-shadow: 0 0 2px #BCBCBC;
    padding: 0 28px;
}
.header-bottom{
    padding: 0 28px;
}
.full-with-header {
    background: none repeat scroll 0 0 #EF681A;
    border-bottom: 3px solid #E1E1E1;
    border-radius: 0 0 28px;
    border-top: 3px solid #E8E8E8;
    padding: 9px 0;
}
.footer-bottom {
    background: none repeat scroll 0 0 #262626;
    color: #999999;
    padding: 8px 0;
}
.full-with-header h1 {
    color: #FFFFFF;
}
.header-bottom .hs-menu-flow-horizontal > ul {
    float: right;
    padding: 17px 10px 0  0;
}
.header-bottom .hs-menu-flow-horizontal > ul > li:first-child > a {
    background: url("//cdn2.hubspot.net/hub/347251/file-445893873-png/home.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    padding-left: 20px;
}
.header-bottom .hs-menu-flow-horizontal > ul > li:last-child > a {
    background: url("//cdn2.hubspot.net/hub/347251/file-447428991-png/blog.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    padding-left: 21px;
    margin-left: 8px;
}
.header-top .hs-menu-flow-horizontal > ul > li > a {
    color: #FFFFFF;
    font-size: 11.7px;
    font-weight: 400;
    padding: 11px 15px 5px 0;
}
.header-top .hs-menu-flow-horizontal > ul > li:last-child > a {
    background: url("//cdn2.hubspot.net/hub/347251/file-447464201-png/desk.png") no-repeat scroll right 11px rgba(0, 0, 0, 0);
    padding-right: 17px;
}
.header-top .hs-menu-flow-horizontal > ul > li:last-child > a:hover{
    background-image: url(//cdn2.hubspot.net/hub/347251/file-448681527-png/desk-hover.png);
}
.header-top .hs-menu-flow-horizontal > ul > li > a:hover{
    color: #EF6F25;
}
.header-top .hs-menu-flow-horizontal > ul > li > a strong {
    font-weight: bold;
}
.search-icon a {
    background: url("//cdn2.hubspot.net/hub/347251/file-450196500-png/search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 21px;
    margin: 7px 6px 0 0;
    text-indent: -9999px;
    width: 21px;
}
.search-icon a:hover {
    background: url("//cdn2.hubspot.net/hub/347251/file-443621359-png/search1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.custom-social p {
    background: none repeat scroll 0 0 #666666;
    float: right;
    margin: 0;
    position: relative;
}
.custom-social p a {
    display: inline-block;
    height: 32px;
    padding: 4px;
    text-indent: -9999px;
    width: 29px;
    background-image: url("//cdn2.hubspot.net/hub/347251/file-447647186-png/social.png");
    transition: .3s all;
}
.custom-social p a.mail{
    background-position: 0 0;
}
.custom-social p a.facebook {
    background-position: -35px 0;
}
.custom-social p a.google-plus {
    background-position: -68px 0;
}
.custom-social p a.linked {
    background-position: -100px 0;
}
.custom-social p a.rss {
    background-position: -132px 0;
}
.custom-social p a.twitter {
    background-position: -165px 0;
}
.custom-social p a.mail:hover {
    background-position: 0 -32px;
}
.custom-social p a.facebook:hover {
    background-position: -35px -32px;
}
.custom-social p a.google-plus:hover {
    background-position: -68px -32px;
}
.custom-social p a.linked:hover {
    background-position: -100px -32px;
}
.custom-social p a.rss:hover {
    background-position: -132px -32px;
}
.custom-social p a.twitter:hover {
    background-position: -165px -32px;
}
.footer-bottom .hs-menu-flow-horizontal > ul > li:nth-child(1) > a {
    background: url(//cdn2.hubspot.net/hub/347251/file-445975038-png/home-f.png) no-repeat left 15px;
    padding-left: 20px;
}
.footer-bottom .hs-menu-flow-horizontal > ul > li:nth-child(3) > a {
    background: url(//cdn2.hubspot.net/hub/347251/file-443077079-png/blog1.png) no-repeat left 15px ;
    padding-left: 20px;
    margin-left: 9px;
}
/* .footer-bottom .hs-menu-flow-horizontal > ul > li:nth-child(2) > a {
    background: url(//cdn2.hubspot.net/hub/347251/file-443736144-png/ris.png) no-repeat left ;
    padding-left: 23px;
    margin-left: 8px;
}*/
.footer-bottom .hs-menu-flow-horizontal > ul > li:nth-child(1) > a:hover {
    background: url(//cdn2.hubspot.net/hub/347251/file-448255042-png/home-f1.png) no-repeat left 15px;
    padding-left: 20px;
}
.footer-bottom .hs-menu-flow-horizontal > ul > li:nth-child(3) > a:hover {
    background: url(//cdn2.hubspot.net/hub/347251/file-450267610-png/blog1-1.png) no-repeat left 15px ;
    padding-left: 20px;
    margin-left: 9px;
}
.footer-bottom .hs-menu-flow-horizontal > ul > li:nth-child(2) > a:hover {
    background: url(//cdn2.hubspot.net/hub/347251/file-443748924-png/ris1.png) no-repeat left ;
    padding-left: 23px;
    margin-left: 8px;
}
.ftr-image {
    margin-bottom: 49px;
}
.ftr-links ul {
    margin: 0;
    padding: 0 0 46px 34px;
}
.ftr-links ul li {
    border-bottom: 1px solid #4D4D4D;
    color: #999999;
    padding: 6px 0;
}
.ftr-links ul li:last-child {
    border-bottom: medium none;
}
.ftr-links ul li a {
    color: #999999;
}
.ftr-links ul li a:hover {
    color: #FFFFFF;
}
.g1-toggle {
    border-bottom: 1px solid #4D4D4D;
    color: #999999;
    padding-top: 22px;
}
.g1-toggle.top {
    padding-top: 4px;
}
.g1-toggle__title {
    cursor: pointer;
    margin-bottom: 22px;
}
.g1-toggle__switch {
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    width: 60px;
}
.g1-toggle__switch.one {
    background: url("//cdn2.hubspot.net/hub/347251/file-447488466-png/img1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.g1-toggle__switch.two {
    background: url("//cdn2.hubspot.net/hub/347251/file-447525031-png/img2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.g1-toggle__switch.three {
    background: url("//cdn2.hubspot.net/hub/347251/file-450269590-png/img3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.g1-toggle__switch.four {
    background: url("//cdn2.hubspot.net/hub/347251/file-447506391-png/img4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.icon-magic, .icon-trophy, .icon-link, .icon-magnet {
    background: url("//cdn2.hubspot.net/hub/347251/file-450269595-png/plus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 14px;
    margin: 7px 0 0 8px;
    width: 13px;
}
.g1-toggle.bottom {
    border-bottom: 0 none;
}
.g1-toggle__title.last {
    margin-bottom: 0;
}
.custom_module{}

#hs_cos_wrapper_blog_subscription_title,
.custom_module h3{
    color: #666666;
    font-size: 25px;
    font-weight: 400;
    line-height: 29px;
}

.custom_module .cell-wrapper{
    margin-bottom: 25px;
}
.custom_module ul{
    list-style: none;
    padding-left: 0;
}
.custom_module ul li{
    background: url("//cdn2.hubspot.net/hub/347251/file-443116944-png/li-bg.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #E6E6E6;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 5px 5px 5px 12px;
}
.input ul li{
    background: none;
    border-bottom: none;
    padding: 0;
}
.custom_logo img {
    margin: 7px 0 13px;
}

.custom_copyright p{}
 
/*-- ex. Buttons --*/
 
 
 
/****************************************/
/* Unique Pages                         */
/****************************************/
 
/*-- ex. Homepage --*/
 
 
/*-- ex. Contact Us --*/
 
 
/****************************************/
/* Miscellaneous                        */
/****************************************/
 
/*-- ex. Fancybox Plugin Overrides --*/
 
/* ------ Mobile ------ */
/* Large desktop */
@media (max-width: 1300px) {
    .custom-social p {
        margin: 0;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .g1-toggle {
        padding-top: 15px;
    }
}
@media (max-width: 979px) {
    .header-top .custom-menu-primary.js-enabled {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        box-shadow: none;
        text-align: left;
        top: 0;
        position: static;
    }
    .header-top a.mobile-trigger {
        margin: 4px 0 0;
    }
    .header-top a.mobile-trigger span, .header-top a.mobile-trigger span:before, .header-top a.mobile-trigger span:after {
        width: 15px;
        height: 2px;
        background: #F0F0F0;
    }
    .header-top a.mobile-trigger span:before {
        margin-top: -5px;
    }
    .header-top a.mobile-trigger span:after {
        margin-top: 5px;
    }
    .search-icon a {
        margin: 7px 3px 0 0;
    }
    .header-bottom .custom-menu-primary.js-enabled {
        float: right;
        box-shadow: none;
    }
    .header-top .hs-menu-flow-horizontal > ul {
        background: none repeat scroll 0 0 #808080;
        border-radius: 5px;
        padding: 3px 0;
        width: 200px;
        position: absolute;
        z-index: 9999;
    }
    .header-top .hs-menu-flow-horizontal > ul > li {
        background: none repeat scroll 0 0 #666666;
        border-bottom: 1px solid #808080;
        padding: 0 10px;
        width: 100%;
    }
    .header-top .hs-menu-flow-horizontal > ul > li > a:hover{
        color: #ffffff;
    }
    .header-top .hs-menu-flow-horizontal > ul > li:last-child > a {
        background: url("//cdn2.hubspot.net/hub/347251/file-445955483-png/dsk.png") no-repeat scroll 34% 9px !important;
    }
    .header-top {
        padding: 0 18px;
    }
    .header-bottom a.mobile-trigger {
        background: none repeat scroll 0 0 #EAEAEA;
        border-radius: 15px;
        padding: 13px 20px;
    }
    .header-bottom .hs-menu-flow-horizontal {
        background: none repeat scroll 0 0 #EFEFEF;
        border-radius: 8px;
        padding: 4px;
        position: absolute;
    }
    .header-bottom .hs-menu-flow-horizontal > ul {
        background: none repeat scroll 0 0 #FCFCFC;
        border: 1px solid #E3E3E3;
        border-radius: 8px;
        float: none;
        position: relative;
        z-index: 999;
        padding: 0;
    }
    .header-bottom .hs-menu-flow-horizontal > ul > li {
        border-bottom: 1px solid #E3E3E3;
        padding: 0 10px;
        width: 100%;
    }
    .header-bottom .hs-menu-flow-horizontal > ul > li > a {
        color: #444444;
        padding-left: 4px;
    }
    .header-bottom .hs-menu-flow-horizontal > ul > li > a:hover {
        color: #000000;
    }
    .header-bottom ul > li.hs-item-has-children > a {
        background-image: url("//cdn2.hubspot.net/hub/347251/file-448820982-png/menu+.png");
        background-position: right center;
        background-repeat: no-repeat;
    }
    .header-bottom ul ul li.hs-item-has-children > a {
        background-image: none;
    }
    .ftr-links ul {
        padding: 0 0 20px 20px;
    }
    .custom-social p {
        margin: 0;
    }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hs-menu-flow-vertical ul ul {
        left: 50% !important;
        width:auto;
    }
    .custom-social p {
        float: none;
        margin: 0;
        text-align: center;
    }
    .search-icon {
        text-align: center;
    }
    .search-icon a {
        color: rgba(0, 0, 0, 0);
        display: inline-block;
        float: none;
        margin: 5px;
    }
    .header-bottom .custom-menu-primary.js-enabled {
        padding: 0 20px 0 0;
        position: absolute;
        right: 0;
        top: 15px;
        width: 100%;
    }
    .header-bottom {
        padding: 0 18px;
        position: relative;
    }
    .header-bottom .hs-menu-flow-horizontal {
        background: none repeat scroll 0 0 #EFEFEF;
        border-radius: 8px;
        padding: 4px;
        position: absolute;
        width: 95%;
    }
    .ftr-image {
        margin-bottom: 20px;
    }
    .g1-toggle__title.last {
        margin-bottom: 15px;
    }
}
     
/* Landscape phones and down */
@media (max-width: 500px) {
    .header-bottom .custom-menu-primary.js-enabled {
        padding: 0;
        position: relative;
        top: 0;
    }
    .header-bottom .hs-menu-flow-horizontal {
        width: 100%;
    }
}
 
/* Iphone */
@media (max-width: 320px) {}




form.hs-form {
    margin-bottom: 20px;
}

.hs-form-field > label {
    font-weight: bold;
}

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"] {
    padding: 6px;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    font-size: 16px;
    -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 0.2s, box-shadow 0.2s;
    -moz-transition: border 0.2s, box-shadow 0.2s;
    -o-transition: border 0.2s, box-shadow 0.2s;
    transition: border 0.2s, box-shadow 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-primary, .hs-button.primary {
    
    background-color: #ef6f25;
    border-color:#ef6f25;
    border-radius: 10px;
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;

    
    font-weight: normal;
   
  
    
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0px #00004d;
    width: auto;
   
}

.btn-primary:hover, .hs-button.primary:hover {
    background-color: #e16306;
  

}

ul {
-webkit-padding-start: 20px;
}

.hs-form ul {

list-style-type: none;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
   
}


.hs-form-field {

    margin: 0 0 10px;
 
    /*width: 100%;*/
}
     
form.hs-form input[type="text"], form.hs-form input[type="email"], form.hs-form select, form.hs-form textarea, form.hs-form .email-correction {
  width: 100%;}