/***********************************************/
/* CSS @imports must be at the top of the file */
/*                                             */
/* HubSpot Style Boilerplate                   */
/***********************************************/

/* Hubspot Required */
/* Images */

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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




/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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

 
/* END Hubspot Required */

/* Flickity */
/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport { 
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
/* END FLickity */

/* CERTS */
@font-face {
	font-family: "hubspot-certs";
	src:url("//www.bluleadz.com/hubfs/fonts/certs-icons/hubspot-certifications.eot");
	src:url("//www.bluleadz.com/hubfs/fonts/certs-icons/hubspot-certifications.eot?#iefix") format("embedded-opentype"),
		url("//www.bluleadz.com/hubfs/fonts/certs-icons/hubspot-certifications.woff") format("woff"),
		url("//www.bluleadz.com/hubfs/fonts/certs-icons/hubspot-certifications.ttf") format("truetype"),
		url("//www.bluleadz.com/hubfs/fonts/certs-icons/hubspot-certifications.svg#hubspot-certifications") format("svg");
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
  font-family: "hubspot-certs" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="cert-"]:before,
[class*=" cert-"]:before {
  font-family: "hubspot-certs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cert-certs-01:before {
  content: "\61";
}
.cert-certs-02:before {
  content: "\62";
}
.cert-certs-03:before {
  content: "\63";
}
.cert-certs-04:before {
  content: "\64";
}
.cert-certs-05:before {
  content: "\65";
}
.cert-certs-06:before {
  content: "\66";
}
.cert-certs-07:before {
  content: "\67";
}
.cert-certs-08:before {
  content: "\68";
}
.cert-certs-09:before {
  content: "\69";
}
.cert-certs-10:before {
  content: "\6a";
}
 
/* END CERTS*/

/*this is a test*/
/* Start your style declarations bellow */

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

               /* Light Blue */
             /* Navy */


             /* Orange */









/**** Christmas *//* http://www.bluleadz.com/hubfs/ImagesV16/Home/home-hero-christmas.jpg*/ 



/*
//////////////////////////////////////////////////////////////////////////////
//
// Reset
//
//////////////////////////////////////////////////////////////////////////////
*/

html {
    font-size: 15px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    min-height: 0;
}

*:after,
*:before {
    box-sizing: inherit;
}

svg {
    max-width: 100%;
}


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

/*
    General Styles
*/

body {
    font-size: 100%;
    font-family: 'Roboto', Helvetica, sans-serif;
    color: #505050;
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 4.2em;
    font-weight: 300;
}

h1:not(.mia-hero-title) span {
    font-size: 1.2em;
    font-weight: 400;
}

h2,
.h2 {
    font-size: 3em;
    display: block;
    font-weight:300;
    color: #179FDA;
}

h3,
.h3 {
    font-size: 2em;
    color:#00305c;
    font-weight:400;
}

h3,
.h3 span {
    font-size: 2em;
    color:#00305c;
    font-weight:400;
    margin-bottom: .25em;
}


h4, .h4 {
    font-size: 1.618em;
    font-weight:300;
}

h5,
.h5 {
    font-size: 1.2em;
    //color: #179FDA;
    color:#f60;
    font-weight: normal;

}

h6,
.h6{
    font-size: 1em;
    font-weight: 500;
    color: #002c57;
}

h2, h4, h5 {
    padding-bottom: .6em;
}

h3 + h2 {
    margin-top: 0;
}
h4 + h2 {
    margin-top: 0;
}

p,
li {
    line-height: 1.55;
}

p + p {
    margin-top: 1.25em;
}

/* Optin Monster */
[id*="om-lightbox"] h1 {
    line-height: initial;
    font-size: initial;
}

small {
    font-size: 0.5em;
}

code {
	background: #eee;
	padding: 0.125em 0.25em;
	border: 1px solid #ddd;
	border-radius: 3px;
}

pre code {
    background: none;
    border: 0;
}

/*li {*/
/*    list-style: none;*/
/*}*/
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
a {
    color: #ff6600;
}
a:focus {
    outline-width: 1px;
    outline-style: dashed;
    outline-color: #179FDA;
}

/*////////////////////
colors
/////////////////*/

.blue-font{
    color:#179fda;
}

.white-font h1,
.white-font h2,
.white-font h3,
.white-font h4,
.white-font h5,
.white-font p{
    color:#fff;
}

.orange-font{
    color:#f60;
}

.orange-bg{
    background:#f60;
}

.charcoal-bg{
    background:#303030;
}


/*--grid padding and Margins--*/

.bz-page-wrap{
    max-width: 1500px;
    margin: 0 auto !important;
    float: none !important;
    padding-left: 2em;
    padding-right: 2em;
    position:relative;
}
    .bz-page-wrap-small {
        max-width: 800px;
    }
    .bz-page-wrap-medium {
        max-width: 1000px;
    }
    .bz-page-wrap-wide {
        max-width: 100%;
    }
@media screen and (max-width: 768px) {
    .bz-page-wrap {
        padding-left: 0em;
        padding-right: 0em;
    }    
}

.section{
    padding-top: 6em;
    padding-bottom: 4em;
    padding-left: 3em;
    padding-right: 3em;
}
    .section--grey {
        background: #f0f0f0;
    }
    .section--dark {
    	background: #002a5c;
    }
    .section--top-colapse {
        padding-top: 0;
    }
    .section--bottom-colapse {
        padding-bottom: 0;
    }
@media screen and (max-width: 768px) {
    .section{
        padding-top: 5em;
        padding-bottom: 2em;
        padding-left: 2em;
        padding-right: 2em;
    }    
}

.content-top-padding{
    padding-top:100px;
}

.row-padding{
    padding-top:5em;
    padding-bottom:5em;
}

.cellpadding{
    padding-top: 5em;
    padding-bottom: 2.5em;
}

.title-center {
    text-align: center;
    max-width: 850px;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    float: none !Important;
    display:block;
}

.title-center h4,
.section h4{
    padding-bottom:0;
}

.center {
    text-align:center;
}


@media screen and (max-width: 600px) {
    h1,
    .h1 {
        font-size: 11vw;
        display: block;
    }
    
    h2,
    .h2 {
        font-size: 9vw;
    }
    
    h3,
    .h3 {
        font-size: 6vw;
        color: #179FDA;
        font-weight: 400;
    }
    
    h4,
    .h4 {
    font-size: 1.4em;
    }
    
    h5,
    .h5 {
        font-size: 1em;
    }
}

/* Only apply these styles in content areas */

.main-content a,
.main-content a:visited {
    text-decoration: none;
    color: #179FDA;
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.main-content a:hover,
.main-content a:focus {
    color: #ff6600;
    -webkit-transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.main-content ul,
.main-content ol {
    padding-left: 1.2em;
    margin: 1em 0;
}

.main-content ol {
    padding-left: 1.45em;
}

.main-content li {
    padding: 0.25em 0;
    line-height: 1.55;
}

.main-content ul ul,
.main-content ul ol {
    /* Nested Lists */
    margin-left: -1rem;
    padding-left: 2em;
    border-left: 3px solid rgba(23, 159, 218, 0.55);
}

.main-content ol ul, 
.main-content ol ol {
    /* Nested Lists */
    margin-left: -1.25rem;
    padding-left: 2.25em;
    border-left: 3px solid rgba(23, 159, 218, 0.55);
}

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.sidebar h3 {
    margin: 0 0 1rem;
}

.main-content p + h1,
.main-content p + h2,
.main-content p + h3,
.main-content p + h4,
.main-content p + h5 {
    margin: 1em 0 1rem;
}

.main-content h1 {
    font-weight: 300;
}
.main-content h3,
.main-content h4 {
    font-weight: 400;
}

.main-content blockquote {
    padding: 1em;
    margin: 1rem 0;
    border-left: 3px solid #179FDA;
    background: #fafafa;
}



.flex-2 > div > div {
    display: flex;
}
@media screen and (max-width: 768px) {
    .flex-2 > div > div {
        display: block;
    }    
}

/*
    Specific Styles
*/



.pull-right {
	float: right;
}
.pull-left {
	float: left;
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// Wistia Embed Videos
//
//////////////////////////////////////////////////////////////////////////////
*/
[id="module_video"] {
    width: 100% !important;
    height: 0 !important;
	padding-bottom: 56.25%;
    margin-bottom: 2em;
}




/*
//////////////////////////////////////////////////////////////////////////////
//
// Case Study
//
//////////////////////////////////////////////////////////////////////////////
*/
.caseStudy {
    width: 33%;
    padding: 2em;
    text-align: center;
}
.caseStudy--summary {
    margin-top: 1em;
    min-height: 150px;
}

@media screen and (max-width: 1024px) {
    .caseStudy {
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    .caseStudy {
        width: 100%;
    }
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// Form With Image
//
//////////////////////////////////////////////////////////////////////////////
*/
    .form-w-image {
        padding: 5em 3em;
        background-image: url(//www.bluleadz.com/hubfs/ImagesV16/people-round-a-table.jpg?123);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
        .form-w-image--im {
            background-image: url(//www.bluleadz.com/hubfs/ImagesV16/Inbound-Methodology/footer-image.jpg);
        }
    .form-w-image p,
    .form-w-image h2,
    .form-w-image .hs-form-field label {
        color: #fff;
    }
    .form-w-image .hs-form {
        margin-top: 2em;
    }
    
/*
//////////////////////////////////////////////////////////////////////////////
//
// Form With Video
//
//////////////////////////////////////////////////////////////////////////////
*/
    .form-w-video {
        padding: 5em 3em;
        background-image: url(//www.bluleadz.com/hubfs/ImagesV16/Inbound%20Marketing/cory-looking-dapper.jpg?123);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .form-w-video .hs-form {
        margin-top: 2em;
    }


/*
//////////////////////////////////////////////////////////////////////////////
//
// Wells
//
//////////////////////////////////////////////////////////////////////////////
*/
.well {
    padding: 1em;
    background: #f0f0f0;
}
    .well .well--image {
        margin: -1em -1em 1em -1em !important;
        height: 200px;
        overflow: hidden;
        width: calc(100% - -2em);
    }
    .well .well--image img {
        width: 100% !important;
    }
    .well--small {
        padding: .5em;
    }
        .well--small .well--image {
            margin: -.5em -.5em 1em -.5em !important;
            width: calc(100% - -1em);
        }
    .well--large {
        padding: 2.5em;
    }
    .well--large .well--image {
        margin: -2.5em -2.5em 1em -2.5em !important;
        width: calc(100% - -5em);
    }
    .well--orange {
        background-color: #ff6600;
        color: #fff;
    }
    .well--white {
        background-color: #fff;
    }
    .well--orange h1,
    .well--orange h2,
    .well--orange h3,
    .well--orange h4 {
        color: #fff;
    }
    .well--shadowed {
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.28);
    }
    .well--colapsed {
        padding: 0;
    }
    .well--white {
        background-color: #fff;
    }
    .well--rounded {
        border-radius: 5px;
    }

    @media screen and (max-width: 768px) {
        .well {
            margin-bottom: 2em;
        }
        .well--large {
            padding: 1em;
        }
        .well--large .well--image {
            margin: -1em -1em 1em -1em !important;
            width: calc(100% - -2em);
        }
    }
    
/*
//////////////////////////////////////////////////////////////////////////////
//
// Colored Columns
//
//////////////////////////////////////////////////////////////////////////////
*/
.blue-column {
    background-color: #0064a4;
    color: #fff;
    
    padding: 2em;
}
    .blue-column h3,
    .blue-column p {
        color: #fff;
    } 
    .blue-column h4 {
        display: block;
        border-bottom: 1px solid #fff;
        font-weight: 700;
    }
    .blue-column h4 + h3,
    .blue-column p + h3{
        margin-top: .5em;
    }




/*
//////////////////////////////////////////////////////////////////////////////
//
// Contact Module
//
//////////////////////////////////////////////////////////////////////////////
*/
.contact-module {
    padding: 1em 0;
}
	.contact-module img {
		background-color: rgba(255, 255, 255, 1);
        padding-top: 1em;
        margin-bottom: 5px;
	}

.contact-module h4{
	line-height: 1.2;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-size: 1.3em;
	border-color: rgba(255,255,255,.4)
}
.contact-module h4 small{
	margin-top: 5px;
	display: block;
	font-weight: 300;
	letter-spacing: 1px;
}
.contact-contact {
    padding: .25em 0;
}
    .contact-contact:before { 
        content: attr(data-start); 
    } 
    .contact-contact:after { 
        content: attr(data-end);
    }
.contact-module .contact-social {
	margin: 0;
	padding: 0;
}
.contact-module .contact-social a {
	color: rgba(255,255,255,.8);
	padding: 0 .25em 0 0;
	font-size: 1.3em;
}
    
/*
//////////////////////////////////////////////////////////////////////////////
//
// Tabs
//
//////////////////////////////////////////////////////////////////////////////
*/
.panel-wrapper {
    position: relative;
}
.panel {
    opacity: 0;
    pointer-events: none;
}
    .panel.active {
        opacity: 1;
        pointer-events: inherit;
    }

.extentionMarketing > div > div {
    display: flex;
}

.extentionMarketing .tab-links {
    padding:  2em 0 2em 0;
}
.extentionMarketing .tab-links li {
	display: block;
}
.extentionMarketing .tab-links li a {
	display: block;
	color: rgba(255, 255, 255, 0.56);
	text-decoration: none;
	font-weight: 300;
	font-size: 1.5em;
	padding: .25em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	margin-bottom: -1px;
}
	.extentionMarketing .tab-links li:last-of-type a {
		border: 0
	}
	.extentionMarketing .tab-links li a.active {
		color: rgba(255, 255, 255, 1);
	}

.extentionMarketing .panel {
    padding: 3em;
    background-size: cover;
	background-position: center center;
    width: 100%;
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
    .marketingTeamWrapper {
        text-align:  center;
    	background: #fff;
    	padding:  2em;
    	max-width: 500px;
    	margin: auto;
    }
    .marketingTeamImageWrapper {
        max-width: 200px;
        height: 200px;
        border-radius: 50%;
        overflow: hidden;
        margin: auto auto 2em auto;
    }
    
@media screen and (max-width: 768px) {
    .extentionMarketing > div > div {
        display: block;
    }
    .panel.active {
        position: static;
    }
}

/* Turn tabs into accordion on mobile */

.mobile-accordian-tab {
    display: block;
    position: relative;
    z-index: 0001;
    background-color: #ff6600;
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    text-align: center;
    font-size: 1.25em;
    font-weight: 100;
    padding: 0.5em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}

.mobile-accordian-tab.active {
    color: #fff;
}

.panels .tab-links {
    padding: 0;
}

.desktop-accordion-tab-group {
    display: none !important;
}

@media (min-width: 768px) {

    .mobile-accordian-tab {
        display: none;
    }

    .desktop-accordion-tab-group {
        display: block !important;
    }
 
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// Next Steps Module
//
//////////////////////////////////////////////////////////////////////////////
*/

    .ns_wrapper {
        border-bottom: 1em solid #04be00;
    }
    .ns {
        counter-reset: tabnumber;
        margin: 2em auto 0;
        max-width: 1200px
    }
    .ns_tab {
        display: block;
        position: relative;
        max-width: 32%;
        width: 100%;
        margin-right: 1%;
        height: calc(76px + 2em);
        float: left;
        padding: 1em 1em 1em 1em;
        color: #777;
        text-decoration: none;
        counter-increment: tabnumber;
    }
    .ns_number-pointer {
        display: block;
        font-size: 16px;
    	padding: 2em;
    	background: #777;
    	color: #fff;
    	width: 0;
    	line-height: 19px;
    	text-align: center;
    	border-bottom-left-radius: 200px;
    	border-top-left-radius: 200px;
    	border-top-right-radius: 200px;
	    -webkit-transform: rotate(-45deg) translate(-7%, 7px);
            transform: rotate(-45deg) translate(-7%, 7px);
    	height: 0px;
    	position: absolute;
    	left: 1em;
    	top: 1em;
    }
    .ns_number-pointer:after {
        content: counter(tabnumber);
    	-webkit-transform: rotate(45deg) translate(-70%, -9%);
            transform: rotate(45deg) translate(-70%, -9%);
    	display: block;
    	position: absolute;
    	top: 50%;
    	left: 1em;
    	font-size: 2em;
    }
    .ns_text {
        display: block;
        position: absolute;
        top: 50%;
        right: 1em;
        width: calc(100% - 121px);
        -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    }
        /* Past State 
        *****************************/
        
        @-webkit-keyframes bounce {
            0% {
                top: -66px;
        	}
        	50% {
        		top: -86px;
        	}
        	100% {
        		top: -66px;
        	}
        }
        @keyframes bounce {
            0% {
            	top: -66px;
        	}
        	50% {
        		top: -86px;
        	}
        	100% {
        		top: -66px;
        	}
        } 
        
        
        
        
        .ns_tab.past {
            color: #04be00;
            background: currentColor;
        }
        .ns_tab.past .ns_number-pointer {
            background: #fff;
            -webkit-transform: rotate(45deg) translate(4%, -3px);
                transform: rotate(45deg) translate(4%, -3px);
        }
        .ns_tab.past .ns_number-pointer:after {
            color: #04be00;
        	font-family: 'FontAwesome';
        	content: "\f00c";
            -webkit-transform: rotate(-45deg) translate(-11%, -74%);
                transform: rotate(-45deg) translate(-11%, -74%);
        }
        .ns_tab.past .ns_text {
            color: #fff;
        }
        
        /* Active State 
        *****************************/   
        .ns_tab.active {
            color: #179FDA;
            background: currentColor;
        }
        
        .ns_tab.active .ns_number-pointer {
        	background: #fff;
        	color: currentColor;
        	border: 2px solid currentColor;
        	-webkit-transform: rotate(45deg) translate(-36%, 27px);
                transform: rotate(45deg) translate(-36%, 27px);
            left: 50%;
        	top: auto;
        	bottom: 100%;
            box-shadow: 5px 5px 15px rgba(0,0,0,.15);
        }
        .ns_tab.active .ns_number-pointer:after {
        	-webkit-transform: rotate(-45deg) translate(8%, -59%);
                transform: rotate(-45deg) translate(8%, -59%);
        	color: currentColor;
        }
        .ns_tab.active .ns_text {
            left: 1em;
        	width: auto;
        	color: #fff;
            text-align: center;
        }
        
        @media screen and (min-width: 699px) {
           .ns_tab.active .ns_number-pointer {
                -webkit-animation: bounce 1s infinite;
                    animation: bounce 1s infinite;
            }
        }
        
        @media screen and (max-width: 700px) {
             .ns_wrapper {
                border-bottom: 0 none;
            }
            .ns_tab {
                float: none;
                max-width: 100%;
            }
            
            .ns_tab.active .ns_number-pointer {
                left: 1em;
                top: 1em;
                -webkit-transform: rotate(45deg) translate(4%, -3px);
                    transform: rotate(45deg) translate(4%, -3px);
            }
            .ns_tab.active .ns_number-pointer:after {
                -webkit-transform: rotate(-45deg) translate(-11%, -74%);
                    transform: rotate(-45deg) translate(-11%, -74%);
            }
            .ns_tab.active .ns_text {
                top: 50%;
                left: auto;
                right: 1em;
                text-align: left;
                width: calc(100% - 121px);
                -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            }
        }



/*
//////////////////////////////////////////////////////////////////////////////
//
// Accordions
//
//////////////////////////////////////////////////////////////////////////////
*/

.accordion {}
.accordion-tab {
    font-size:  1.3em;
    padding: 1em 0;
    cursor: pointer;
}
    .accordion-tab:before {
        content: "\f14a";
        font-family: FontAwesome;
    	color: #ff6600;
    	margin-right: .5em
    }
    .accordion-tab:after {
    	content: "\f078";
    	font-family: FontAwesome;
    	color: #ff6600;
    	margin-right: .5em;
    	float: right
    }
        .accordion.active .accordion-tab:after {
            content: "\f077";
        	font-family: FontAwesome;
        	color: #ff6600;
        	margin-right: .5em;
        	float: right
        }
        
.accordion-panel {
    overflow: hidden;
    height: 0;
    max-height: 800px;
    -webkit-transition:  all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-bottom: #ddd solid 1px
}
    .accordion-panel > * {
        -webkit-transform: translate(0, 20px);
                transform: translate(0, 20px);
        opacity: 0;
        -webkit-transition:  all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

.accordion.active .accordion-panel {
    overflow: hidden;
    height: auto;
    -webkit-transition:  all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding: 1em 0;
}
    .accordion.active .accordion-panel > * {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
        opacity: 1;
        -webkit-transition:  all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }




/*
//////////////////////////////////////////////////////////////////////////////
//
// Split Container
//
//////////////////////////////////////////////////////////////////////////////
*/
.split-container {
	padding: 10% 3em;
	background: #ff6600 url(//www.bluleadz.com/hubfs/ImagesV16/why%20work%20with%20us/agency-info.jpg) no-repeat right bottom;
	background-size: auto 100%;
}
.split-container-content {
	max-width: 800px;
}
.split-container-content .active .accordion-panel{
	background: #fff;
	padding: 2em;
	margin: 1em 0;
}
.split-container-content li { 
	list-style: circle;
	margin-left: 2em;
	padding: 1em 0 0
}

.split-container-content .accordion-tab {
	background: #fff;
	padding: 1em;
}

.split-container-content .accordion-tab:after {
	content: "\f078";
	font-family: FontAwesome;
	color: #ffffff;
	margin: -1em -1em -1.5em 0;
	float: right;
	padding: 1em;
	background: #ff6600;
	line-height: 26px;
}

.split-container-content .active .accordion-tab {
	display: none;
}

@media screen and (max-width: 540px) {
	.split-container {
		padding: 1em;
	}
	.split-container-content .accordion-tab:after {
		display: none;
	}
}




.button-well {
    margin: 1.5em 0;
}
.accordion-wrapper .border-bottom {
    box-shadow: 0px 25px 23px -26px rgba(0,0,0,.28);
    padding: 0 2em;
}
.border-bottom video {
    display: block;
}

    
    .aph-well:first-of-type {
        background: #fff;
        box-shadow: 0px 2px 10px 0 rgba(0,0,0,.2);
        width: 60%;
    }
        .agency {
            width: 45%;
        }
        .plus {
            width: 10%;
            align-self: center;
        }
        .software {
            width: 45%;
        }
        .agency,
        .software,
        .success {
            overflow: hidden
        }
        
    .aph-well img,
    .aph-well .content {
        padding: 2em;
    }
    .aph-well h5 {
        z-index: 3;
        display: inline-block;
    	position: relative;
    }
    .aph-well h5:after {
    	content:  "";
    	position: absolute;
    	height: 1px;
    	border-bottom: 1px solid #ddd;
    	display: block;
    	width: 300%;
    	right: 110%;
    	top: 40%;
    
    }
    .aph-well h5:before {
    	content:  "";
    	position: absolute;
    	height: 1px;
    	border-bottom: 1px solid #ddd;
    	display: block;
    	width: 300%;
    	left: 110%;
    	top: 40%;
    	
    }
    .aph-well .content {
        font-size: .85em;
    }
    .equals {
        width: 10%;
        align-self: center;
    }
    .aph-well:last-of-type {
        background: #fff;
        box-shadow: 0px 2px 10px 0 rgba(0,0,0,.2);
        width: 30%;
    }
    
    .plus,
    .equals {
        font-size: 4em;
        color:#ff6600;
    }
    
    @media screen and (max-width: 768px) {
        .flexgrid {
            display: block;
            width: 100%;
        }
        .aph-well h5 {
            font-size: 2em;
        }
        .aph-well:first-of-type,
        .agency,
        .plus,
        .equals,
        .software,
        .aph-well:last-of-type {
            width: 100%;
        }
    }


/*
//////////////////////////////////////////////////////////////////////////////
//
// Buttons
//
//////////////////////////////////////////////////////////////////////////////
*/

button,
[type=submit]{
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1em;
}

button,
.button,
.hs-button,
.main-content a.hs-button,
input[type=submit],
.hs-form .hs-button {
    display: inline-block;
    position: relative;
    color: #fff;
    padding: 0.7em 2em;
    border-radius: 0;
    border: 1px solid transparent;
    background-color: #ff6600;
    -webkit-transition: all .25s cubic-bezier(0.37,0,0.45,0.99);
    transition: all .25s cubic-bezier(0.37,0,0.45,0.99);
    font-weight: 400;
    font-size: 1rem;
    text-decoration: none;
    font-style: normal;
    font-family: 'Roboto', Helvetica, sans-serif;
    vertical-align: middle;

}


.hs-button.white {
    background: #fff;
    color: #ff6600;
}
.hs-button.ghost {
    background: #fff;
    color: #ff6600;
	border: 1px solid #ff6600;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.main-content a.hs-button:hover,
.main-content a.hs-button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.share-button:hover, 
.share-button:focus,
.hs-form .hs-button:hover, 
.hs-form .hs-button:focus {
    color: #f60;
    border: solid 1px #f60;
    background-color: transparent;
    -webkit-transition: all .125s cubic-bezier(0.37,0,0.45,0.99);
    transition: all .125s cubic-bezier(0.37,0,0.45,0.99);
}

.button--large,
.hs-button--large,
.main-content a.hs-button--large,
.hs-form .hs-button--large {
    font-size: 1.4em;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 500px) {
    .button,
    .hs-button,
    .main-content a.hs-button,
    .hs-form .hs-button {
        padding: 0.7em 1em;
    }    
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Forms
//
//////////////////////////////////////////////////////////////////////////////
*/

h3.form-title:empty {
    margin: 0;
    padding: 0;
    height: 0;
}

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 {
    width: 100% !important;
    padding: .5em;
	border: 1px solid #eee;
	font-size: 1.1em;
	font-weight: 300;
	color: #333;
	-webkit-appearance: none;
    appearance: none;
	background: #fff;
	border-radius: 0;
}
.well--white textarea, 
.well--white input[type="text"], 
.well--white input[type="password"], 
.well--white input[type="datetime"], 
.well--white input[type="datetime-local"],
.well--white input[type="date"],
.well--white input[type="month"],
.well--white input[type="time"],
.well--white input[type="week"],
.well--white input[type="number"],
.well--white input[type="email"], 
.well--white input[type="url"], 
.well--white input[type="search"], 
.well--white input[type="tel"], 
.well--white input[type="color"],
.well--white select {
    background-color: #ddd;
}
.well--contains-well .hs_cos_wrapper_type_form textarea, 
.well--contains-well .hs_cos_wrapper_type_form input[type="text"], 
.well--contains-well .hs_cos_wrapper_type_form input[type="password"], 
.well--contains-well .hs_cos_wrapper_type_form input[type="datetime"], 
.well--contains-well .hs_cos_wrapper_type_form input[type="datetime-local"],
.well--contains-well .hs_cos_wrapper_type_form input[type="date"],
.well--contains-well .hs_cos_wrapper_type_form input[type="month"],
.well--contains-well .hs_cos_wrapper_type_form input[type="time"],
.well--contains-well .hs_cos_wrapper_type_form input[type="week"],
.well--contains-well .hs_cos_wrapper_type_form input[type="number"],
.well--contains-well .hs_cos_wrapper_type_form input[type="email"], 
.well--contains-well .hs_cos_wrapper_type_form input[type="url"], 
.well--contains-well .hs_cos_wrapper_type_form input[type="search"], 
.well--contains-well .hs_cos_wrapper_type_form input[type="tel"], 
.well--contains-well .hs_cos_wrapper_type_form input[type="color"],
.well--contains-well .hs_cos_wrapper_type_form select {
    background-color: #ddd;
}

.inputs-list {
    list-style: none;
}
.inputs-list input {
    margin-right: 1em;
}

select {
    background-image: url(//www.bluleadz.com/hubfs/ImagesV16/select-arrow.jpg);
    background-position: 98% center;
	background-repeat: no-repeat;
	background-size: auto 56%;
}
.hs-form fieldset {
    border: 0;
	padding: 0;
	margin: 0;
	max-width: 100% !important;
}
.hs-form-field label {
    color: #aaa;
    font-size: 1em;
    margin-bottom: 1em;
    font-weight: 300;
}

.hs-form-field {
    margin-bottom: 1.5em;
    position: relative;
}
.hs-error-msgs {
    position: absolute;
    top: 100%;
}
.hs-error-msgs {
    position: absolute;
	top: 100%;
	font-size: .8em;
	text-align: right;
	width: 98%;
}
.hs-form-field .hs-error-msgs label {
    color: red;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Search Form
//
//////////////////////////////////////////////////////////////////////////////
*/
    .blog-search {
        padding: .5em;
        margin-top: 1em;
        background: rgba(255, 255, 255, .9);
        border-radius: 50px;
        max-width: 450px;
    }
    .blog-search-input input {
        width: calc(100% - 60px) !important;
        float: left;
        background: transparent;
        border: 0 none;
    }
    .blog-search-input input:focus {
        outline: none;
        font-style: italic;
    }
    .blog-search-button {
        width: 60px !important;
        font-size: 1.7em;
        float: left;
        background: transparent;
        color: #ff6600;
        padding: 0;
        border: 0 none;
    }
    .blog-search-button:focus,
    .blog-search-button:hover {
        border: 0 none;
        color: #252525;
        outline: none;
    }

/*
//////////////////////////////////////////////////////////////////////////////
//
// Search Results
//
//////////////////////////////////////////////////////////////////////////////
*/
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
    font-size: 1em !important;
    font-family: 'Roboto' !important;
}
.gsc-adBlock.gsc-adBlock {
    height: 0 !important;
    overflow: hidden !important;
}
    .gsc-inline-block {
    	min-width: 150px;
    }
    .gsc-webResult.gsc-result {
        padding: 1em 0 1em 1em !important;
    	border-left: 3px solid transparent !important;
    }
    .gsc-webResult.gsc-result:hover {
    	border-left: 3px solid #ccc !important;
    }
    a.gs-title {
    	font-size: 1.5em !important;
    	color: #179fda !important;
    }
    
    .gs-title b {
    	font-size: 1em !important;
    	color: #179fda !important;
    }
    
    .gsc-result .gs-title {
    	height: auto !important;
    	margin-bottom: .5em;
    }
    .gs-bidi-start-align.gs-snippet {
    	color: #777;
    }
    .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long,
    .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
    	color: #c1c1c1 !important;
    	font-weight: normal;
	    font-size: 14px;
        margin-top: 2px;
    }
    
    .gsc-cursor-page {
        padding: .5em 1em !important;
        display: inline-block !important;
    }
    .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
        cursor: default;
    	color: #fff !important;
        background: #002a5c !important;
    	font-weight: bold;
    	text-decoration: none;
    }

/*
//////////////////////////////////////////////////////////////////////////////
//
// Images
//
//////////////////////////////////////////////////////////////////////////////
*/
    .rounded {
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        border-radius: 50%;
    }
    .rounded img {
        width: 100% !important;
    }

/*
//////////////////////////////////////////////////////////////////////////////
//
// Layout / Framework / Structure (prefix class names with 'l-')
//
//////////////////////////////////////////////////////////////////////////////
*/

.l-page-wrap {
    max-width: 75rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: 0 auto !important;
    float: none !important;
}

.l-page-wrap--extreme-narrow {
    max-width: 29rem;
}

.l-page-wrap--super-narrow {
    max-width: 42rem;
}

.l-page-wrap--extra-narrow {
    max-width: 50rem;
}

.l-page-wrap--narrow {
    max-width: 59rem;
}

.l-page-wrap--wide {
    max-width: 106rem;
}

.l-universal-padding {
    padding: 2rem;
}

.l-well {
    background-color: #eee;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 6px rgba(0,0,0,.2);
    border-radius: 10px;
    padding: 2em;
    margin: 2em 0;
}

.l-well--color {
    background-color: #505050;
    color: #fff;
    padding: 3em
}

.l-well--white {
    background-color: #fff;
}

.l-well--fill-body {
    padding: 2em 0;
}

hr {
    border: 0;
    margin: 0 0 2em;
    border-bottom: 1px solid rgba(51, 51, 51, 0.32);
}




.hr {
    background-position: center;
    border-bottom: 3px solid #ebebeb;
    position:relative;
    z-index: 1;
    display: block;
    visibility: visible;
}

.hr:before {
    content: "";
    background: url(//www.bluleadz.com/hubfs/images/Layout/2016_Site/Inner-pages/divider-arrow-1.png?t=1475262511651);
    background-repeat: no-repeat;
    bottom: -47px;
    max-width: 300px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: center;
    background-size: cover;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Top Nav
//
//////////////////////////////////////////////////////////////////////////////
*/

.nav-container {
    /*background-color: rgba(0, 42, 92, 0.76);*/
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 96%); 
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 96%);
    color: #fff;
    min-height: 5em;
    padding-bottom: 2em;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    transition: all 300ms ease;
}

.nav-container svg {
    max-height: 50px;
}

.nav-scroll {
    background-color: #002c57;
    padding-bottom: 0;
}



@media (min-width: 769px) {

    .nav-container {
        padding: 0em 2em;
    }

    .brandmark {
        padding-top: 1em;
    }

}

@media (max-width: 940px) {
	.nav-container [class*="span"]{
		width: 100% !important;
		float: none !important
    }
}

@media (max-width: 940px) {
    
    .brandmark {
        padding: 1em;
        padding-left: 1.75em;
        max-width: 14em;
        margin-bottom: -24px;
        width:14em !important;
    }
        
    .discipline-item{
    margin:0 auto !important;
    margin-bottom:15px !important;
    }
    
    .discipline-item--design, .discipline-item--inbound{
    margin-bottom:0px !important;
    }
    
    h2.discipline-item__title{
        font-weight:300;
        font-size:23px;
        padding:0.4em 0;
    }
    
    .disciplines__discipline-item:after{
        font-size:1.4em !important;
    }
   
   .home-hero--we-are-inbound{
       top:60px !important;
   }
   
   .disciplines{
       background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) -0%,rgba(0,0,0,0.65) 100%) !important;
       background-image: linear-gradient(to bottom,rgba(255, 0, 0, 0) -0%,rgba(0,0,0,0.65) 100%) !important;
   }

}

.main-menu {
    text-align: right;
    padding-top: 0.5em;
}

@media (max-width: 985px) {

    .main-menu {
        width: 100% !important;
    }
  
}

@media (max-width: 939px) {

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

}

.main-menu .hs-menu-flow-horizontal {
    -border-top: 1px solid #fff;
}

.main-menu a {
    color: #fff;
    font-size: 1em;
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.main-menu a:hover,
.main-menu a:focus {
    color: #ff6600;
    -webkit-transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    white-space: normal;
    max-width: 999999em;
    text-overflow: inherit;
}

/*--Newly added edits for navigation--*/
.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:nth-last-child(1) a {
    padding-right: 0;
}


.main-menu .hs-menu-children-wrapper {
    background:rgba(0,0,0,0.7);
    text-align: left;
    min-width: 140px;
}

.main-menu .hs-menu-children-wrapper .hs-menu-item {
    border-top: solid 1px rgba(255,255,255,0.3);
    padding: .2em;
}


.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    width: auto !important;
    padding: 0.5em 0.85em;
}

.main-menu .hs-menu-depth-1.hs-item-has-children > a:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    padding-left: 0.5em;
}

.main-menu li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover:before {
  border-bottom: solid 3px #f60;
  content: "";
  position: absolute;
  bottom:0em;
  display: inline-block;
  right: 0;
  left: 0;
}


.main-menu .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%;
    border-left: 1px solid rgba(255, 255, 255, 0.24);
}

@media (max-width: 425px) {
    
    .brandmark{
        padding:1em;
        padding-left:0.5em !important;
        max-width:11em;
    }

    /*  Pricing page  */
    
    .inbound_percentage_container{
        display:none !important;
    }
    
    .right_side_bar_total p {
        float: left;
    }
    
    .inbound-ready-icon {
        display: none !important;
    }
    
    .right_side_bar_total {
        width: 100% !important;
    }
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// Off Canvas
//
//////////////////////////////////////////////////////////////////////////////
*/

.off-canvas-container {
    position: relative;
    max-width: 18em;
    overflow: hidden;
	min-height: 0 !important;
}

.off-canvas__open {
    position: fixed;
    top: 0.5em;
    right: 1em;
    font-size: 1.5rem;
    color: #fff;
    padding: 0;
    z-index: 200;
}




@media (min-width: 940px) {
    .off-canvas-container {
        display: none !important;
    }
    .off-canvas__open {
        display: none;
    }
}

.off-canvas__close--is-visible {
    left: 14.25em;
}

.off-canvas-nav {
    text-transform: uppercase;
    position: fixed;
    top: 0;
    bottom: 0;
	left: 0;
    width: 60% !important;
	max-width: 300px;
    background-color: #002a5c;
    -ms-transform: translateX(-150%);
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
    z-index: 202;
}

.off-canvas-nav--is-open {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
}

@media (min-width: 769px) {

    .off-canvas-nav {
        display: none;
    }

}

.off-canvas-nav .hs-menu-wrapper.hs-menu-flow-vertical li a {
    min-width: 12em !important;
    color: #fff;
    white-space: normal;
    text-overflow: inherit;
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.off-canvas-nav .hs-menu-wrapper.hs-menu-flow-vertical li a:hover,
.off-canvas-nav .hs-menu-wrapper.hs-menu-flow-vertical li a:focus {
    color: #ff6600;
    -webkit-transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.off-canvas-nav .hs-menu-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.off-canvas-nav .hs-menu-wrapper.hs-menu-flow-vertical ul ul {
    display: block;
    position: static !important;
	background: rgba(255, 255, 255, 0.44);
	margin-left: 2em;
	width: calc(100% - 2em);
}
.off-canvas-nav .hs-menu-wrapper.hs-menu-flow-vertical ul ul a {
    font-size: .8em;
    padding: .5em 20px;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Home Hero
//
//////////////////////////////////////////////////////////////////////////////
*/




.home-hero {
    margin-top: -28px;
    min-height: 100vh;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.home-hero:after {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%,rgba(0, 0, 0, 0) 100%);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    height: 100px;
    z-index: 2;
}


/*
//////////////////////////////////////////////////////////////////////////////
//  Slam The Home Button
// ** To Steffen: This is not your code. It is mine.
//////////////////////////////////////////////////////////////////////////////
*/
    @-webkit-keyframes popped {
        from {
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-transform: scale(7);
                    transform: scale(7);}
        to {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transform: scale(1);
                    transform: scale(1);}
    }
    @keyframes popped {
        from {
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-transform: scale(7);
                    transform: scale(7);}
        to {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transform: scale(1);
                    transform: scale(1);}
    }
    .home-hero .button_visible {
        opacity: 0;
        -webkit-animation-name: popped;
                animation-name: popped;
        -webkit-animation-duration: 300ms;
                animation-duration: 300ms;
        -webkit-animation-timing-function: cubic-bezier(1, 0.11, 1, 1);
                animation-timing-function: cubic-bezier(1, 0.11, 1, 1);
        -webkit-animation-delay: 2s;
                animation-delay: 2s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
    }
    
    @-webkit-keyframes shimmy {
      10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
                transform: translate3d(-1px, 0, 0);
      }
      
      20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
                transform: translate3d(2px, 0, 0);
      }
    
      30%, 50%, 70% {
        -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0);
      }
    
      40%, 60% {
        -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0);
      }
    }
    
    @keyframes shimmy {
      10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
                transform: translate3d(-1px, 0, 0);
      }
      
      20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
                transform: translate3d(2px, 0, 0);
      }
    
      30%, 50%, 70% {
        -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0);
      }
    
      40%, 60% {
        -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0);
      }
    }
    
    .home-hero .hero-title {
      -webkit-animation: shimmy 0.2s cubic-bezier(0.85,-0.02, 0.19, 0.97) both;
              animation: shimmy 0.2s cubic-bezier(0.85,-0.02, 0.19, 0.97) both;
      -webkit-animation-delay: 2300ms;
              animation-delay: 2300ms;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-perspective: 1000px;
              perspective: 1000px;
    }



@media (max-width: 768px) and (max-height: 460px){
    
    .home-hero{
        height:600px;
    }
}
@media (max-width: 440px) and (max-height: 400px){
    
    .home-hero{
        height:600px;
    }

}


/*////////////////////////////
    Disciplines
//////////////////////////////*/


.disciplines {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) -40%,rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) -40%,rgba(0,0,0,0.65) 100%);
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-ox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.disciplines__discipline-item {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 100%,rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 100%,rgba(0,0,0,0.65) 100%);
    text-decoration: none;
    color: #fff;
    min-width: 33%;
    width: 33%;
    z-index: 0010;
}

.discipline-item {
    padding: 1em;
    padding-bottom: 3em;
    border-top: 0.3em solid rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left; 
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
}

/*.discipline-item__body >p { font-size:14px;}*/

.discipline-item:hover,
.discipline-item:focus {
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) -40%,rgba(0,0,0,0.65) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) -40%,rgba(0,0,0,0.65) 100%);
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
    border-color: #ff6600;
    -webkit-transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
}


    .disciplines__discipline-item:after {
        content: '\f0a9';
        font-family: 'FontAwesome';
        font-size: 2em;
        color: #ff6600;
        position: absolute;
        top: 15%;
        right: 3%;
        opacity:0;
    }
    .disciplines__discipline-item:hover:after {
        opacity:1;
    }

.discipline-item__icon {
    width: 19%;
    height: 33%;
}

.discipline-item__icon svg {
    fill: #fff;
    height: 3em;
    width: 3em;
    border:solid 2px;
    padding:0.3em;
    border-radius:3px;
}

.bz-v2 h2.discipline-item__title {
    font-size: 1.8em !important;
    text-transform: uppercase;
}

.discipline-item__small-title {
    display: block;
    font-size: 0.5em;
    padding-bottom:0.3em;
}

.discipline-item__body {
    min-width: 100%;
    max-height: 0;
    opacity: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
    position: relative;
}



.discipline-item:hover .discipline-item__body,
.discipline-item:focus .discipline-item__body {
    max-height: 20em;
    opacity: 1;
    -webkit-transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
}

@media (min-width: 768px) {
    
    .discipline-item {
        position: absolute;
        bottom: 0;
    }
    

    
    .discipline-item--design {
        left: 0.125em;
    }
    
    .discipline-item--inbound {
        left: calc(33.33% - -0.125em);
    }
    
    
    .discipline-item--sales {
        left: calc(66.66% - -0.125em);
    }

}

@media (max-width: 768px) {

    .disciplines {
        display: block;
    }
    
    .discipline-item__body {  
        opacity: 1;
    }
    

    
    .disciplines {
        position: relative;
        margin-top: 13em;
    }
   
   
    .discipline-item__body >p{display:none !important;}

    .discipline-item__body:after{display:none;}
    
    
    .discipline-item{
        padding-left:1.5em;
        padding-bottom:0 !important;
        float:left;
        left: 0 !important;
    }
    
    .disciplines{
        position:absolute !important;
        margin-top:0;
    }
    
    .discipline-item__small-title{
        display:none;
    }
    
    .discipline-item__icon{width:9%;}
    
    .discipline-item__icon, .discipline-item__title{margin-right:1%;}
    
    
    .discipline-item__body{margin:0;}
    
    .discipline-item__title{
        font-size:1.5em;
    }
    
    .discipline-item{
        background-color:rgba(0,0,0,0.50);
    }
    
    h2.discipline-item__title{
        background-size: 9vw !important;
    }

    .row-padding.pricing-container{
        padding-top: 1em;
    }


}

@media (max-width: 840px) {

    .discipline-item__title {
        font-size: 2em;
    }

}


@media (max-width: 799px) {
    .discipline-item:hover, .discipline-item:focus{
        padding-bottom: 0px !important;
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) -40%,rgba(0,0,0,0.65) 0%);
        background-image: linear-gradient(to bottom,rgba(0,0,0,0) -40%,rgba(0,0,0,0.65) 0%);
    }
    
}


@media (max-width: 768px) {
    
     
    .disciplines {
        display: block;
    }
    
    .disciplines__discipline-item {
        min-width: 100%;
        width: 100%;
        position:relative;
        clear: both;
    }
    
    .disciplines__discipline-item:after {
        top:30%;
        opacity:1;
    }
    
    .discipline-item:not(:last-child) {
        margin-bottom: 0;
    }
    
    .discipline-item__icon,
    .discipline-item__title {
        display: inline-block;
        vertical-align: middle;
    }
    
    .discipline-item__icon svg{
        width:100%;
        height:100%;
    }

}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Hero
//
//////////////////////////////////////////////////////////////////////////////
*/

.hero {
    background-color: #002a5c;
    color: #fff;
    text-align: center;
    padding: 11.75em 2em 13em;
    margin-top: -1.7em;
    position: relative;
    border-bottom: 0.45em solid #ff6600;
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// Under Hero Menu
//
//////////////////////////////////////////////////////////////////////////////
*/

    .under-hero-menu {
        background: #002a5c;
        color: #fff;
        min-height: 0;
    }
    .under-hero-menu ul {
        display: block !important;
        max-width: 1440px;
        width: 100%;
        margin: auto !important;
        float: none !important;
    }
    .under-hero-menu li {
        float: none;
        display: inline-block;
    }
    .under-hero-menu a {
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 1em 1em .75em 1em !important;
        border-bottom: 3px solid tranbsparent;
        overflow: inherit !important;
    }
    .under-hero-menu li.active a {
        border-bottom: 3px solid #ff6600;
        max-width: 999em !important;
    }
    .under-hero-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
        max-width: 99999em;
    }
    @media screen and (max-width: 1024px) {
         .under-hero-menu {
            //display: none !important;
        }   
    }


/*
//////////////////////////////////////////////////////////////////////////////
//
// Footer
//
//////////////////////////////////////////////////////////////////////////////
*/

.footer-container-wrapper .row-fluid .span12 {
    min-height:0;
}


.site-footer {
    font-size: 0.75em;
    text-align: center;
    background-color: #202030;
    padding: 16px;
    padding: 1rem;
    color: #fff;
}
.site-footer .row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.site-footer .row-fluid .span6 {
	text-align: left;
	min-height: 0;
}
.site-footer .row-fluid .span6:last-child {
	text-align: right;
}

.footer-nav a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
    -webkit-transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.footer-nav a:hover,
.footer-nav a:focus {
    color: #ff6600;
    -webkit-transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
    transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.footer-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    padding: 1em;
    white-space: normal;
    max-width: 999999em;
    text-overflow: inherit;
}

.footer-nav .hs-menu-children-wrapper {
    background-color: #002a5c;
    text-align: left;
    box-shadow: 0 5px 15px -5px #333;
}

.footer-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    width: auto !important;
    padding: 0.5em 0.85em;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Utilities (prefix class names with u-)
//
//////////////////////////////////////////////////////////////////////////////
*/

.u-hide-me {
    display: none;
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
    min-height: 0 !important;
}

.u-hide-me--show-children {
    display: block;
}

.u-relative-parent {
    position: relative;
}

.u-fit-to-parent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.u-pad-top {
    padding-top: 1em;
}

.u-pad-bottom {
    margin-bottom: 1em;
}

.u-text-uppercase {
    text-transform: uppercase;
}

.u-text-center {
    text-align: center;
}

.u-right-align {
    text-align: right;
}

.u-circle-crop {
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.50);
}

.u-title-font {
    font-family: ;
}

.u-round-corners {
    border-radius: 20px;
    overflow: hidden;
}

.u-flexy-parent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media (min-width: 768px) {

    .u-hide-on-desktop {
        display: none !important;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden;
        min-height: 0 !important;
    }
}

@media (max-width: 768px) {
    
    .u-hide-on-mobile {
        display: none !important;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden;
        min-height: 0 !important;
    }
    
    
    .bz-v2 .hero-title{
        padding-top:6em !important;
    }
    
    .bz-v2 .disciplines-content h2, .bz-v2 .disciplines-content h4{
        padding-left: 25px;
        font-size: 1.4em !important;
    }
    
    .bz-v2 .discipline-item--sales h2.discipline-item__title:before,
    .bz-v2 .discipline-item--inbound h2.discipline-item__title:before,
    .bz-v2 .discipline-item--design h2.discipline-item__title:before{
        width: 8vw !important;
        height: 8vw !important;
        bottom: 0.5em;
        border: solid  2px !important;
    }
    
    
    
    .discipline-item:hover, .discipline-item:focus{
        padding-bottom:0 !important;
    }
    

}

/*---Revised home page design*/

.bz-v2 p{
    color:#fff;
}    
.home-hero {
    background-color: #0f1c3e;
    background-image: url(//www.bluleadz.com/hubfs/images-new/award/award-v3.jpg?ssss); /* STANDARD */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 70%;
}



.home-hero .hero-title h3{
    margin-bottom: 0.4em;
    color:#fff;
}

.home-hero .hero-title h3:before {
    content: "";
    position: relative;
    border-top: solid 4px #fff;
    width: 5%;
    right: 10px;
    display: inline-block;
    top: -0.3em;
}

.home-hero .hero-title h3:after {
    content: "";
    position: relative;
    border-top: solid 4px #fff;
    width: 5%;
    left: 10px;
    display: inline-block;
    top: -0.3em;
}


.home-hero .hero-title{
    position:relative;
    bottom:20vw;
    opacity:0.1;
    text-shadow: 0 0 25px rgba(0,0,0,.6);
}

.home-hero .hero-title-default{
  bottom:0vw;
  transition:2.5s;
  opacity:1;
}


.home-hero .discipline-item__icon{
    width:0px;
}




.bz-v2 h4{
    font-size: 1.1em;
}

.bz-v2 .hero-title {
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-top: 10%;
    color: white;
    display: block;
    width:100%;
}

.home-hero .home-learn-more {
    text-align:center;
}


.home-hero .button_visible{
    padding: .6em 2em;
    margin-top: 1em;
    text-decoration: none;
    color: white;
    font-weight: 200;
}

.home-hero .button_visible:hover {
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    border-color: #fff;
}



.bz-v2 .disciplines-content h2, .bz-v2 .disciplines-content h4{
    font-weight: 400;
    text-transform: uppercase !important;
    font-family: 'Roboto', Helvetica, sans-serif;
    padding-left: 50px;
}


.bz-v2 .inbound-designs p,
.bz-v2 .inbound-marketing p,
.bz-v2 .inbound-sales p {
    max-height:0;
    transition: all .25s cubic-bezier(0.37,0,0.45,0.99);
    overflow:hidden;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) -40%,rgba(0,0,0,0.65) 100%);
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) -40%,rgba(0,0,0,0.65) 100%);
}


.bz-v2 .inbound-designs:hover p,
.bz-v2 .inbound-marketing:hover p,
.bz-v2 .inbound-sales:hover p {
    max-height:30em;
    transition: all .25s cubic-bezier(0.37,0,0.45,0.99);
}

.bz-v2 .inbound-designs {
    right: 0;
}

.bz-v2 .inbound-marketing{

    left: 50%;
    transform:translateX(-50%);
    margin-left:0;

}

.bz-v2 .inbound-sales{
    left: 0;
    margin-left:0

}

.bz-v2 .inbound-sales,
.bz-v2 .inbound-marketing,
.bz-v2 .inbound-designs{
    position: absolute;
    bottom: 0;
}
    
    .bz-v2 h2.discipline-item__title {
    background-position: top left !important;
    background-size: 40px !important;
    background-repeat: no-repeat !important;
    width:100%;
    color:#fff;
    
    }
        
    .bz-v2 h2.discipline-item__title.icon-design{
    background: url(//www.bluleadz.com/hubfs/images-new/award/icon-design.png);
    }
    
    .bz-v2 h2.discipline-item__title.icon-inbound{
    background: url(//www.bluleadz.com/hubfs/images-new/award/icon-marketing.png);
    }
    
    .bz-v2 h2.discipline-item__title.icon-sales{
    background: url(//www.bluleadz.com/hubfs/images-new/award/icon-sales.png);
    }



/*--subpage-hero--*/

.subpage-hero {
    padding-bottom: 7em;
    padding-top: 10em;
    min-height: 380px;
    position: relative;
    background-repeat: no-repeat;
    margin-top: -1.7rem;
    //background-image: url(//cdn2.hubspot.net/hubfs/57042/images-new/Header_Images/awesome.jpg);
    background-size: cover;
    background-position: 50% 50%;
}
.subpage-hero--map {
    padding-bottom: 0;
    padding-top: 0;
}

.subpage-hero:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 1000px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002c57+0,002c57+100&1+16,0+100 */
    background: -moz-linear-gradient(left,  rgba(0,44,87,1) 0%, rgba(0,44,87,1) 16%, rgba(0,44,87,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,44,87,1) 0%,rgba(0,44,87,1) 16%,rgba(0,44,87,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,44,87,1) 0%,rgba(0,44,87,1) 16%,rgba(0,44,87,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c57', endColorstr='#00002c57',GradientType=1 ); /* IE6-9 */

}

.subpage-hero__gradient {
	padding-bottom: 7em;
	padding-top: 10em;
	min-height: 380px;
	position: relative;
	margin-top: -27.2px;
	margin-top: -1.7rem;
	background-position: 50% 0px;
    background-color: #002a5c;
	background-image: url('../img/money.svg');
	background-repeat: repeat-y;
}
@-webkit-keyframes floatingbg {
    from {background-position: 50% 0px;}
    to {background-position: 50% -768px;}
}
@keyframes floatingbg {
    from {background-position: 50% 0px;}
    to {background-position: 50% -768px;}
}
@media (min-width: 768px) {
    .subpage-hero__gradient {
		-webkit-animation-name: floatingbg;
		        animation-name: floatingbg;
	    -webkit-animation-duration: 20s;
	            animation-duration: 20s;
	    -webkit-animation-iteration-count: infinite;
	            animation-iteration-count: infinite;
	    -webkit-animation-timing-function: linear;
	            animation-timing-function: linear;
	}
	.subpage-hero__gradient:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		background: -webkit-linear-gradient(245deg, #179fda 0%,#002a57 100%);
		background: linear-gradient(-155deg, #179fda 0%,#002a57 100%);
		mix-blend-mode: screen;
	}
}

.hero-img img {
    max-width: 400px;
    height: auto;
    margin: 0 auto !important;
    display: block;
}

.hero-img {
    position: relative;
    top: 28px;
    margin: 0 auto !important;
}

.subpage-hero-title-container {
    //position: absolute;
    //top: 0;
    //left: 2em;
    //margin-right: 2em;
    max-width: 750px;
}

.subpage-hero-title {
    position: relative;
    z-index: 1;
    max-width: 1500px;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 1em;
}


.subpage-hero-title h3 {
    color: #f60;
    font-weight: 300;
}
.bz-landing-page .subpage-hero-title h3 {
    font-weight: 700;
}

.subpage-hero-title p,
.subpage-hero-title  h1 {
    color: #fff;
    padding-bottom: 0.2em;
}

.subpage-hero-title h1.border-bottom,
.subpage-hero-title h3.border-bottom {
    margin-top: 0;
}

.subpage-hero-title h1.border-bottom:after,
.subpage-hero-title h3.border-bottom:after {
    content: "";
    border-bottom: solid 0.04em #fff;
    display: block;
    width: 40%;
    top: 0.2em;
    padding-bottom: .25em;
    position: relative;
}

.subpage-hero-title p {
    padding-top: 1em;
}

.subpage-hero-title  h4{
    font-size:1.25em;
    padding-bottom: 0px;
    letter-spacing: 0.01em;
    font-weight: 400;
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// Large Icon
//
//////////////////////////////////////////////////////////////////////////////
*/
	.large-icon i.fa {
		font-size: 5em;
		margin-bottom: .2em;
	}
		.large-icon--orange i.fa {
			color: #ff6600;
		}
        
        

/*
//////////////////////////////////////////////////////////////////////////////
//
// Popover Module
//
//////////////////////////////////////////////////////////////////////////////
*/
.popover-wrapper {
	position: relative;
}
.popover-content {
	padding: 1em;
	text-align: center;
}
.popover-content i[class*="cert"] {
	font-size: 5em;
	line-height: 0;
	color: #ff6600
}
	.popover-content-hover {
		position: absolute;
		top: 0%;
		left: 0%;
		right: 0%;
		bottom: 0%;
		padding: 1em;
		background: rgba(255,255,255,.9);
		opacity: 0;
		border: 3px solid #ff6600;
		-webkit-transition: all .25s ease-in-out; 
		transition: all .25s ease-in-out;
		z-index: 5;
	}
	.popover-wrapper:hover 	.popover-content-hover {
		opacity: 1;
		top: -10%;
		left: -10%;
		right: -10%;
		bottom: -10%;
		-webkit-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		
		box-shadow: 0 0 15px rgba(0,0,0,.28);
		border: 1px solid #ff6600;
	}

.popover-content-hover p + p {
	font-size: .8em;
}

@media (max-width: 1200px) and (min-width: 767px) {
	.popover-content-hover p:first-of-type {
		line-height: 1.1;
	}
	.popover-content-hover p + p {
		margin-top: .5em
	}
	.popover-wrapper:hover 	.popover-content-hover {
		bottom: -20%;
	}
}
@media (max-width: 768px) {
	.popover-wrapper:hover 	.popover-content-hover {
		top: 0%;
		bottom: 0%;
		left: 0%;
		right: 0%;
	}
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// 6 Reasons Blocks
//
//////////////////////////////////////////////////////////////////////////////
*/

    .sixReasons {
        background: url(//www.bluleadz.com/hubfs/ImagesV16/good-fit/superman.jpg) no-repeat right center;
        background-size: cover;
        counter-reset: number; 
    }
    .sixReasons .well {
        margin-top: 3em;
        position: relative;
        padding-top: 2em !important;
    }
        .sixReasons .well:before {
            content:"";
            position: absolute;
            counter-increment: number;
            content: "#" counter(number);
            top: 0;
            left: 50%;
            
            -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
            
            background: #ff6600;
            color: #fff;
            padding: 1em;
            font-size: 1.5em;
            border-radius: 200px;
        }
        .sixReasons .well--white {
            background-color: rgba(255,255,255,.9);
        }
    .sixReasonsTitle h4,
    .sixReasonsTitle h2 {
        color: #fff;
        font-weight: 700;
        text-shadow: 0 0 5px rgba(0,0,0,.7);
    }
    .sixReasons .well h4 {
        font-weight: 700;
        margin-bottom: .5em;
    }




/*
//////////////////////////////////////////////////////////////////////////////
//
// Pricing Page
//
//////////////////////////////////////////////////////////////////////////////
*/
.ROICalc .roi-border-bottom {
    padding: 1em 0;
    border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
    .roi-graph {
        display: none !important;   
    }
}
 
    /*--add button--*/
    [id="module_container"] {
        background: #fafafa;
        padding: 2em 3em;
    }
    
    .module-title {
        font-size: 2rem;
        color: #505050;
    }
    .module-description {
        margin-bottom: 2em;
    }
    .bullet-listing li {
        
    }
    
    @media screen and (max-width: 1024px) {
        .bz-pricing {
            padding-bottom: 60px;
        }    
    }
    

.previous-hero{
    display:none !important;
}   

.accordion-filter-button{
    display:none;
}
    
.pricing-page-nav {
    border: solid 1px #e4e4e4;
    background-color:#252525;
}

.pricing-page-nav ul{
    display: flex;
}

.pricing-page-nav li {
    display: inline-block;
    padding: 1.3em 13.3em 1.3em 1.3em;
    color:#fff;
    position: relative;
    overflow: hidden;
}

.pricing-page-nav li:before {
    content: "";
    height: 0;
    width: 0;
    border: solid 2.1em #252525;
	top: 0;
    bottom: 0;
	right: -1.8em;
	position: absolute;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
    z-index: 5;
}
.pricing-page-nav li:after {
    content: "";
    height: 0;
    width: 0;
    border: solid 2.1em #777;
    top: 0;
    bottom: 0;
	right: -2em;
	position: absolute;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
    z-index: 1;
}

.pricing-page-nav-title.active {
    background-color:#049fda;  
}

.pricing-page-nav li.active:before {
    	border: solid 2.4em #049fda;
	border-right-color: #252525;
	border-top-color: #252525;
	border-bottom-color: #252525;
}
.pricing-page-nav li.active h3 {
    color: #fff;
}
.module-top-margin{
    margin-top: 2em;
}

.explainer-video {
    background: url(https://static.pexels.com/photos/50704/car-race-ferrari-racing-car-pirelli-50704.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    min-height: 260px !important;
    background-size: cover;
}

.add-button {
    float: left;
    background: #fff;
    /*border: solid 1px #d6d6d6;*/
    box-shadow: 0.1em 0.1em #dadada;
    border-radius: .3em;
    min-width: 210px;
    width: 100%;
    text-align: center;
    display:flex;
    margin-bottom: 2em;
}

.dollar-amount {
    Display: inline-block;
    font-size: 3.5em;
    font-weight: 300;
    text-align: center;
    float: left;
    padding: 0.2em .2em;
    margin: 0 auto;
    color: #f60;
    position: relative;
}

.dollar-amount > span {
    font-size: 12px;
    display: inline-block;
    text-align: right;
    position: absolute;
    bottom: 0.5em;
    right: 1em;
    color: #333;
}

.point-value {
    color: #179FDA;
    font-weight: bold;
}

.plus-button:before {
    content: "+";
    position: relative;
    display: block;
    text-align: center;
    font-size: 5em;
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;
}

.plus-button:after {
    content: "";
    border: solid 1em #f60;
    position: absolute;
    left: -31px;
    top: 40%;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
    width: 33px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.plus-button:hover:after{
    border-right-color:#049fda;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.plus-button:hover {
    background-color: #049fda;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.plus-button {
    Display: inline-block;
    background-color: #f60;
    padding: .5em .5em;
    color: #fff;
    float: right;
    font-size: .7em;
    position: relative;
    border-radius: 0 .35em .35em 0;
    min-width: 6em;
        -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.bullet__title h4 {
    font-size: 1.2em;
    font-weight: 700;
}
.bullet-listing ul {
    padding-left: 1em;
}
.bullet-listing ul li {
    list-style: none;
    margin-bottom: 0.7em;
    position: relative;
    left: 1.4em;
    font-weight: 400;
    white-space: normal;
    max-width: 95%;
}

.bullet-listing ul li:before {
    content: "\f058";
    font-family: FontAwesome;
    margin-right: -.7em;
    color: #777;
    position: relative;
    left: -1.4em;
}
.bullet-listing ul ul {
    max-width: 90%;
}


.module-top-margin ul {
    display: inline-block;
    margin-right: 2em;
    width: 30%;
}

.module-top-margin ul:nth-last-child(1) {
    margin-right: 0;
}


.left-side-bar {
    border-right: solid 1px #e8e8e8;
    position: relative;
}


/* Accordian Module List */

.accordion-style h6 {
    border-bottom: solid 1px #e8e8e8;
    border-top: solid 1px #e8e8e8;
    padding: 1em 0.7em;
    color:#505050;
    font-size:1em
}



.accordion-style li.list-title h6 {
	position: relative;
}
.accordion-style li.list-title h6:after {
	content: "";
	height: 0;
	width 0;
	border: 10px solid transparent;
	border-top-color: #fff;
	position: absolute;
	bottom: -35%;
	z-index: 5;
	left: 1em;
}
a.package {
    padding: 0.75em 2em .75em .75em;
    display: block;
	background: #002c57;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	font-size: .9em;
	position: relative;
    -webkit-transition: background 1s ease-in-out
    transition: background 1s ease-in-out;
}
a.package:hover {
    color: rgba(255,255,255,.8);
}
a.package:after {
	position: absolute;
	right: .75em;
	top: 33%;
    color: rgba(255,255,255,.25);
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f1db";
}
    a.package.selected {
        color: #ff6600;
        font-weight: 700;
        text-shadow: 1px 1px 0 rgba(0,0,0,.6);
    }
    a.package.added {
        background: lawngreen;
        -webkit-transition: background 1s ease-in-out
            transition: background 1s ease-in-out;
    }
    a.package.selected:after {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f111";
        color: rgba(255,255,255,.5);
    }
    a.package.active:after {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f00c";
        color: #00ff12;
    }
.inbound-percentage-main-container {
    margin-left: 0px !Important;
}
.inbound_percentage_container {
    background-color: #eaeaea;
    padding: 1em;
    width: 100% !Important;
}

.package-percentage {
    border-radius: 0.4em;
    background-color: #fff;
    overflow: hidden;
}

p.percentage {
    font-size: 3em;
    font-weight: 300;
    margin-top: 0;
    position: relative !important;
    color: #505050;
    top: 0.2em;
}

.package_load p:first-of-type {
    font-size: 1em;
    position: absolute;
}

.package_load {
    position: relative;
    padding: 0.5em 0.5em 0;
    border-radius: .35em;
    border-bottom: .7em solid #ddd;
}

p.percentage:after{
    content: "\f0d8";
    font-family: FontAwesome;
    float: right;
    font-size: .5em;
    color: #f60;
    right: 0;
    bottom: 0;
    position: absolute;
}

.package-progress-bar {
    content: "";
    height:.7em;
    position: absolute;
    bottom: -.7em;
    display: block;
    width: 40%;/* remove for production */
    left: 0;
    right: 0;
    width: 0;
    border-radius: 0 0 0 .35em;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.package_core .package-progress-bar {
    background:#1a8e00;
}
.package_marketing .package-progress-bar {
    background:#ff6600;
}
.package_design .package-progress-bar {
    background:#049fda;
}
.package_sales .package-progress-bar {
    background:#00b7a2;
}

/* Calulator Colum */
    .total-title {
        background: #049fda;
        color: #fff;
        display: block;
        padding: 1em .5em;
        font-size: 1.25rem;
        text-align: center;
    }
    span.line-item {
        background: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
    	    flex-flow: row nowrap;
    	border-bottom: 1px solid #f0f0f0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
                -webkit-transition: background 1s ease-in-out
                transition: background 1s ease-in-out;
    }
        span.line-item.added {
            background: lawngreen;
            -webkit-transition: background 1s ease-in-out
            transition: background 1s ease-in-out;
        }
    span.line-item:hover {
    	background: #f0f0f0
    }
    span.line-item > .remove-item {
    	padding: .75em .5em;
    	color: #cacaca;
        line-height: 1;
        height: 100%;
    }
    span.line-item > .remove-item:hover {
    	color: white;
    	background: red;
    }
    span.line-item > .title {
    	padding: .75em .5em;
    	width: calc(100% - 1em);
        line-height: 1;
        font-size: .8em;
        border-left: 1px solid #f0f0f0;
    }
    span.line-item > b {
    	padding: .75em .35em;
        line-height: 1;
    }
    
    .mo_total,
    .ot_total {
    	font-size: 2em;
        padding: .5em 1em;
        text-align: center;
    }
    .mo_total > .durration,
    .ot_total > .durration {
        font-size: .4em;
        display: block;
        color: #aaa;
    }
    
/* Pricing Page Form 
********************************/    
.pricing-modal-wrapper {
    position:  fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.8);
    z-index: 1000;
}

.pricing-modal {
	background: #fff;
	max-width: 500px;
	padding: 2em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
a.close-pricing-modal {
    text-transform: uppercase;
	position: absolute;
	top: -2em;
	right: 0;
	color: #fff;
	text-decoration: none;
}

/* CORE PACKAGE
********************************/
    /* TABS */
    
.inbound-ready-icon {
    border-bottom: solid 1px #eee;
    padding: 2.5em 0;
    text-align: center;
}



.right_side_bar_total .pricing-button {
    padding: 1em;
    margin: 0 auto;
    display: inherit;
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;
}
    .right_side_bar_total .pricing-button:hover {
        -webkit-animation: none;
        animation: none;
    }

.right_side_bar_total .pricing-button[disabled],
.right_side_bar_total .pricing-button[disabled]:hover {
    background: #eee;
    border: 1px solid #fff;
    color: #aaa;
    -webkit-animation: none;
        animation: none;
}
 
 @keyframes pulse {
  0% {
    transform: scale(.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
  }
    100% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
  }
}

@keyframes pulse {
  0% {
    transform: scale(.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
  }
    100% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
  }
}
 
 @-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(.9);
            transform: scale(.9);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
  }
    100% {
    -webkit-transform: scale(.9);
            transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(.9);
            transform: scale(.9);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
  }
    100% {
    -webkit-transform: scale(.9);
            transform: scale(.9);
    box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.5);
  }
}

.right_side_bar .cart-menu-trigger,
.off-canvas-total {
    display: none !important;
}
.cart-menu-trigger.added {
    background: lawngreen;
    -webkit-transition: background 1s ease-in-out
        transition: background 1s ease-in-out;
    text-decoration: none;
}


@media (max-width: 1024px){
    .left_side_bar {
        width: 25% !important;
    }
    .inbound_detail_container {
        width: 75% !important;
    }
        .module_container {
            padding: 1.5em;
        }
    .right_side_bar {
        background: #fff;
        position: fixed;
        z-index: 100;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100% !important;
        box-shadow: 0 -5px 10px rgba(0,0,0,.25);
    }
    .right_side_bar > .right_side_bar_total > .total-monthly-wrapper,
    .right_side_bar > .right_side_bar_total > .total-one-time-wrapper,
    .right_side_bar > .right_side_bar_total {
        display: flex;
    }
    .right_side_bar .right_side_bar_total > .total-monthly-wrapper,
    .right_side_bar .right_side_bar_total  > .total-one-time-wrapper {
        width: 40%;
    }
    .right_side_bar .total-title {
        padding: .7em 1em;
    }
    .right_side_bar .mo_total,
    .right_side_bar .ot_total {
        font-size: 1.25em;
        padding: .5em 1em;
    }
    .right_side_bar button {
        width: 20%;
        text-align: center;
        padding: .5em 1em;
    }
    .right_side_bar .cart-menu-trigger {
        display: block !important;
        padding: .5em 1em;
        font-size: 1.25em;
        color: #252525;
    }
    .right_side_bar .cart-menu-trigger > .fa:before {
        font-size: 2em;
    }
    .right_side_bar .cart-menu-trigger.open > .fa:before {
        content: "\00d7";
        font-size: 2em;
        font-weight: 700;
    }
    
    /* hide these elements on tablet and below */
    .right_side_bar .line-item {
        display: none;
    }
    .right_side_bar .mo_total > .durration, 
    .right_side_bar .ot_total > .durration {
        display: none;
    }
    
    .off-canvas-total {
        display: block !important;
        position: fixed;
        right: -100%;
        left: 100%;
        top: 100%;
        bottom: -100%;
        padding: 0 0 50px 0;
        z-index: 75;
        width: 300px !important;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(0,0,0,.25);
        -webkit-transition: all .25s ease-in-out
        transition: all .25s ease-in-out;
    }
    .off-canvas-total.open {
        top: auto;
        bottom: 0;
        right: 0;
        left: auto;
        -webkit-transition: all .25s ease-in-out
        transition: all .25s ease-in-out;
    }
    
}
@media (max-width: 850px){
    .inbound_percentage_container {
        display: none !important;
    }
    .module_top .span5,
    .module_top .span7 {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .right_side_bar>.right_side_bar_total>.total-monthly-wrapper, 
    .right_side_bar>.right_side_bar_total>.total-one-time-wrapper {
        display: block;
    }
    .right_side_bar>.right_side_bar_total>.total-monthly-wrapper .total-title, 
    .right_side_bar>.right_side_bar_total>.total-one-time-wrapper .total-title {
        font-size: .9em;
        text-align: left;
    }
    .right_side_bar>.right_side_bar_total>.total-one-time-wrapper .ot_total,
    .right_side_bar>.right_side_bar_total>.total-monthly-wrapper .mo_total {
        font-size: 1.2em;
        text-align: left;
    }
}
@media (min-width: 768px){
    .accordion-style{
        display:block !important;
    }

}

@media (max-width: 767px){
    .left_side_bar {
        width: 100% !important;
        min-height: 0 !important;
    }
    .left_side_bar [class*="span"] {
        min-height: 0 !important;
    }
    .inbound_detail_container {
        width: 100% !important;
    }
    .module_container {
        padding: 1em;
    }
    .module-top-margin ul{
        width: 100%;
    }
    
    .left-side-bar-fixed {
        position: fixed !important;
        top: 56px;
        z-index:1;
        width: 100% !important;
    }
    
    .left-side-bar:before {
        background-color: #505050;
        width: 100%;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .package-percentage {
        width: 22.7% !important;
        margin-right: 0.5em;
        display:inline-block !important;
    }
    
    .package-percentage:nth-last-child(1) {
        margin-right: 0 !important;
    }
    
    p.percentage{
        font-size: 6vw;
    }
    
    .package_load p:first-of-type{
        font-size: 2vw;
    }
    
    .package_load{
        padding:.5em .5em 0.6em;  
    }
    
    .package-progress-bar{
        border: solid 2px #00b7a2;
    }
    
    .accordion-style{
        display:none;
        z-index: 100;
        background-color: #fff;
        width: 100%;
    }
    
    
    .pricing-page-nav{
        display:none !important;
    }
    
    button.accordion-filter-button{
        display:block;
        box-shadow: none;
    }
    
    
    .off-canvas-total {
        padding-bottom: 80px;
    }
 
}
@media screen and (max-width: 450px) {
    .right_side_bar>.right_side_bar_total>.total-monthly-wrapper, 
    .right_side_bar>.right_side_bar_total>.total-one-time-wrapper {
        display: none;
    }
    .module-bottom--tabs {
        background: #fff !important;
    }
    .core-services-tabs {display: none;}
    .core-services-panels {
        width: 100% !important;
        float: none;
    }
    .core-panel {
        -webkit-transform: none !important;
    	transform: none !important;
         position: static !important; 
    	padding: 1.5em;
    }
    .off-canvas-total {
        padding-bottom: 80px;
    }
    .right_side_bar button {
        width: 90%;
        text-align: center;
        padding: .5em 1em;
        display: block;
    }
    /*.cart-menu-trigger.added:after {
        content: "added";
        font-size: 12px;
    }*/      
}



/*/////////////////////////
COS Migration
//////////////////////*/
.cust_results_tabs {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin: 3em 0 2em;  
}
    .customer_results_tab {
        text-decoration:  none;
    	padding: 1em 1em calc(1em - 5px) 1em;
    	color:  #252525;
    	display: inline-block;
    }
    
    .customer_results_tab.active {
    	border-bottom: 5px solid #ff6600;
    	margin-bottom: -1px
    }
.cust_results_panels {}
    .customer_results_panel {
        width: 100%;
        padding: 0 2%;
    }
    .customer_results_panel h3 {
        margin: 1em 0 .25em;
    }
    .customer_results_panel .accomplishments {
        width: 100%;
        display: block;
        margin: 2em 0;
    }
    
    .customer_results_panel .accomplishments ul {
        padding-right: 1.5em;
        padding-left: 1.5em;
        display: inline-block;
        border-right: solid 1px #cacaca
    }
    
        .customer_results_panel .accomplishments ul:first-of-type {
            padding-left: 0;
        }
    
        .customer_results_panel .accomplishments ul:last-of-type {
            margin-right: 0;
            border:0;
        }
    
    .customer_results_panel .accomplishments ul li {
        list-style: none;
    }
        .customer_results_panel .accomplishments ul li:first-of-type {
            font-size: 2em;
            text-align: center;
            font-weight: 300;
            color: #f60;
            padding-left:0;
        }


/*/////////////////////
 Inbound Methodology
/////////////////////*/
    .scrollingPointer-wrapper {
        height: 100px;
    }
    ul.scrollingPointer {
        list-style: none;
    	margin: 0;
    	padding: 0;
    
    	display: flex;
    }
        ul.scrollingPointer.fixed {
            position: fixed;
            right: 0;
            left: 0;
            z-index: 20;
        }
    ul.scrollingPointer li {
    	width: 25%;
        position: relative;
        height: 100px;
    }
    ul.scrollingPointer li a {
    	background: #ddd;
    	display: block;
    	padding: 1em;
    	font-size: 1.6em;
    	text-decoration: none;
    	color: #777;
    	font-weight: 200;
    	position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    
    	overflow: hidden;
    
    }
    	ul.scrollingPointer li a:before {
    		content: "";
    		height: 0;
    		width: 0;
    		border: 100px solid transparent;
    		border-left-color: #ddd;
    
    		position: absolute;
    		right: -90px;
    		top:-50%;
    		z-index: 2
    	}
    	ul.scrollingPointer li a:after {
    		content: "";
    		height: 0;
    		width: 0;
    		border: 100px solid #ddd;
    		border-left-color: #fff;
    
    		position: absolute;
    		right: -100px;
    		top:-50%;
    		z-index: 1
    	}
        ul.scrollingPointer li.active a {
            background: #ff6600;
        	color: #fff;
        }
            ul.scrollingPointer li.active.color a:after {
        		border-right-color: #ff6600;
        		border-bottom-color: #ff6600;
        		border-top-color: #ff6600;
    
        	}
        	ul.scrollingPointer li.active a:before {
        		border-left-color: #ff6600;
        	}
            
            
            /*********************
            Colors
            **********************/
            /* Convert */
            ul.scrollingPointer li.active a[href="#convert"] {
                background: #E8A353;
                color: #fff;
            }
                ul.scrollingPointer li.active.color a[href="#attract"]:after {
            		border-right-color: #E8A353;
            		border-bottom-color: #E8A353;
            		border-top-color: #E8A353;
        
            	}
            	ul.scrollingPointer li.active a[href="#convert"]:before {
            		border-left-color: #E8A353;
            	}
            #convert.method.active h2 {
                color: #E8A353;
            }
            
            /* Close */
            ul.scrollingPointer li.active a[href="#close"] {
                background: #3DA359;
                color: #fff;
            }
                ul.scrollingPointer li.active.color a[href="#convert"]:after {
                	border-right-color: #3DA359;
            		border-bottom-color: #3DA359;
            		border-top-color: #3DA359;
        
            	}
            	ul.scrollingPointer li.active a[href="#close"]:before {
            		border-left-color: #3DA359;
            	}
            #close.method.active h2 {
                color: #3DA359;
            }
            
            /* Delight */
            ul.scrollingPointer li.active a[href="#delight"] {
                background: #198dfe;
                color: #fff;
            }
                ul.scrollingPointer li.active.color a[href="#close"]:after {
                    border-right-color: #198dfe;
            		border-bottom-color: #198dfe;
            		border-top-color: #198dfe;
        
            	}
            	ul.scrollingPointer li.active a[href="#delight"]:before {
            		border-left-color: #198dfe;
            	}
            #delight.method.active h2 {
                color: #198dfe;
            }
            
            
    ul.scrollingPointer li a > span {
        position: relative;
        z-index: 10;
    }
    ul.scrollingPointer li a > span > span {
    	display: block;
    	font-size: .4em;
        position: relative;
        z-index: 10;
    }

    .method.active h2 {
        color: #ff6600;
    }
    .method ul li {
        display: inline-block;
        padding-right: 1em;
    }
        .method ul li:before {
            content: "\f14a";
            font-family: 'FontAwesome';
            color: #ff6600;
            margin-right: 5px;
        }
    
    @media screen and (max-width: 950px) {
        .scrollingPointer-wrapper {
            height: 75px;
        }
        ul.scrollingPointer li {
            height: 75px;
        }
        ul.scrollingPointer li a {
            font-size: 1.4em;
        }
        ul.scrollingPointer li a > span > span {
            display: none;
        }
        ul.scrollingPointer li a:before {
    		top: -60px;
    	}
    	ul.scrollingPointer li a:after {
    		top: -60px;
    	}
    }
    
     @media screen and (max-width: 630px) {
        .scrollingPointer-wrapper {
            height: 75px;
        }
        ul.scrollingPointer {
            background: #ddd;
            width: 100%;
        }
        ul.scrollingPointer li {
            height: 75px;
            width: 50px;
        }
        ul.scrollingPointer li.active {
            width: calc(100% - 125px);
        }
         ul.scrollingPointer li.active.color {
            width: 50px;
        }
        ul.scrollingPointer li a {
            font-size: 1.4em;
        }
        ul.scrollingPointer li a > span {
            opacity: 0;
        }
        ul.scrollingPointer li.active a > span {
            opacity: 1;
        }
         ul.scrollingPointer li.active.color a > span {
            opacity: 0;
        }
    }

/* Pricing page v2 */






/*
//////////////////////////////////////////////////////////////////////////////
//
// Resource Page
//
//////////////////////////////////////////////////////////////////////////////
*/
.resource-filter-menu {
    border-bottom: 1px solid #ddd;
    margin-bottom: 3em !important;
}
    .resource-filter-menu a {
        text-decoration: none;
        color: #252525;
        padding: .5em 1em;
        display: inline-block;
    }
    .resource-filter-menu a.active {
        color: #ff6600;
        border-bottom: 2px solid currentcolor;
    }

[id="resource-wrapper"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.resource {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 32%;
	        flex: 0 0 32%;
	position: relative;
    margin-bottom: 2em;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    
    -webkit-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out;
}
    .resource:hover {
        box-shadow: 0 5px 10px rgba(0,0,0,.3);
        
        -webkit-transition: box-shadow .5s ease-in-out;
        transition: box-shadow .5s ease-in-out;
    }
.resourceHeader {
	height: 350px;
	overflow: hidden;
    background: #eee;
}
    .resourceHeader .wistia_click_to_play {
        position: static !important;
        display:block !important;
    }
    .resourceHeader .resource-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        
        background-size: 90% auto;
        background-position: 50% -10%;
        background-repeat: no-repeat;
    }
    .resourceHeader.media .resource-image {
        background-size: cover;
        background-position: center center;
    }
.resourceFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,.9);
    border-top: 1px solid #fff;
}

h4.resource-title {
    font-size: 1.1em;
	display: block;
	padding: 1em !important;
    color: #fff;
}
    h4.resource-title a {
        text-decoration: none;
        color: #fff;
    }
.resource .resourcecontent {
    max-height: 0px;
    overflow: hidden;
    padding-bottom: .5em;
    -webkit-transition: max-height .25s ease;
    -webkit-transition: max-height .5s ease;
    transition: max-height .5s ease;
}

.resourcecontent ul {
	list-style: none;
    display: block;
}

.resourcecontent ul li {
	display: inline-block;
	padding: .125em .25em .125em .5em;
	background: #fff;
	line-height: 1.1;
    clear: left;
    max-width: 90%;
    margin-bottom: .25em;
    float: left;
    
    visibility: hidden;
    
    -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        
    -webkit-transition: transform .5s ease-in-out;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
        
}

    
    .resource:hover .resourcecontent ul li {
      -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible;
    }
    .resource:hover .resourcecontent {
        max-height: 350px;
        -webkit-transition: max-height .5s ease;
        transition: max-height .5s ease;
    }

@media screen and (max-width: 1000px) {
    .resourceHeader {
        height: 300px;
    	overflow: hidden;
    }
}

@media screen and (max-width: 1100px) {
    .resource {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 49%;
                flex: 0 0 49%;
    }
    .resourceHeader {
        height: 300px;
    	overflow: hidden;
    }
}
@media screen and (max-width: 500px) {
    [id="resource-wrapper"] {
        display: block;
    }
    .resourceHeader {
        height: 300px;
        overflow: hidden;
    }
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Contact Us Page
//
//////////////////////////////////////////////////////////////////////////////
*/

    .social-flags {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        margin: 0;
    	padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }
    .social-flags li {
        padding: .5em .25em 0;
        margin-bottom: 0;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
    }
    .social-flags li a {
        display: block;
        padding: .25em .5em;
        color: #fff;
        text-decoration: none;
    }
    
    .social-flags li .facebook {
        background: #3b5999;
    }
    .social-flags li .twitter {
        background: #55acee;
    }
    .social-flags li .linkedin {
        background: #0077B5;
    }
    .social-flags li .instagram {
        background: -webkit-linear-gradient(225deg,#1400c8,#b900b4,#f50000);
        background: linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
    }
    @media screen and (max-width: 975px) {
        .social-flags {
            display: block;    
        }
    }

/*
//////////////////////////////////////////////////////////////////////////////
//
// GDD
//
//////////////////////////////////////////////////////////////////////////////
*/


.body_disciplines{
    position:relative;
}
.body_disciplines i {
    font-size: 5em;
    margin-bottom: .2em;
    color: #f60;
}

.gdd-six-benefits .span4 {
    padding: 2em;
}
.gdd-six-benefits .span4 h4 {
    color: #ff6600;
}
.gdd-six-benefits .span4 h4 .number {
    padding: .2em .6em;
    background: #ff6600;
    color: #fff;
    border-radius: 200px;
    font-size: .7em;
    margin: 0 .5em 0 -2.9em;
}

.custom-table {
    max-width: 800px;
    margin: 0 auto !important;
    margin-top: 2em !important;
    float: none !important;
}

.custom-table ul {
    display: block;
}

.custom-table ul li {
    display: block;
    text-align: center;
    width: 22.5%;
    padding: .9em .5em;
    margin: 0 !important;
    float: left;
    background: #fff;
}

.custom-table ul li:first-of-type {
    width: 55%;
    text-align: left;
    display: block;
    text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}

.custom-table ul:nth-child(odd) li {
    background: #ececec;
}

.custom-table ul li:nth-child(2) {
    border-right: solid 1px #d8d8d8;
    border-left: solid 1px #d8d8d8;
    color: #ff6600;
}
.custom-table ul.table-header li:nth-child(2) {
    background: #ff6600;
    color: #fff;
    text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}
.custom-table ul.table-header li:nth-child(3) {
    background: #252525;
    color: #fff;
    text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}

.custom-table-button {
    margin-top: 1.8em;
    position: relative;
    float: none !important;
    text-align: center;
}

.custom-table-button button:hover {
    color: #fff;
    border-color: #fff;
}
@media screen and (max-width: 768px) {
    .custom-table ul.table-header {
        display: none !important;
    }
    .custom-table ul li:first-of-type {
        width: 100%;
        text-align: center;
    }
    .custom-table ul li:nth-child(2),
    .custom-table ul li:nth-child(3) {
        width: 50%;
    }
    .custom-table ul li:nth-child(2):before {
        content: "GDD";
        display: block;
        padding: .5em;
        width: 100%;
        background: #ff6600;
        color: #fff;
        margin-bottom: 1em;
    }
    .custom-table ul li:nth-child(3):before {
        content: "Traditional";
        display: block;
        padding: .5em;
        width: 100%;
        background: #252525;
        color: #fff;
        margin-bottom: 1em;
    }
}


/* Disciplines */
.body_disciplines.cellpadding img {
    padding-bottom: 1em;
}

.body_disciplines .gdd-steps {
    padding: 0.5em 0.83em;
	position: absolute;
	top: 4.5em;
	right: .5em;
	border-radius: 50px;
	background: #f60;
	color: #fff;
	font-size: larger;
}



.gdd-vs-traditional-bg{
    background:url(//www.bluleadz.com/hubfs/images/Layout/2016_Site/Inner-pages/chart-bg.jpg);
    position:relative;
}

.gdd-vs-traditional-bg:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    min-width:100%;
    background:rgba(0,44,87,0.8);
    
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Inbound Marketing
//
//////////////////////////////////////////////////////////////////////////////
*/

.pricing-module-description--wrapper {
    margin: 2em 0;
}
.pricing-module-description {
    padding: 2em;
    text-align: center;
}
.pricing-module-description--image {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto 1em auto !important;
    float: none !important;
    overflow: hidden;
    border-radius: 50%;
    background-color: #179FDA;
    padding: 1em;
    box-shadow: 0 2px 2px rgba(0,0,0,.8);
    
    -ms-transition: background-color .25s ease-in-out, padding .25s ease-in-out, box-shadow .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out, padding .25s ease-in-out, box-shadow .25s ease-in-out;
    transition: background-color .25s ease-in-out, padding .25s ease-in-out, box-shadow .25s ease-in-out;
}
    .pricing-module-description--image:hover {
        background-color: #002a5c;
        padding: 0;
        box-shadow: 0 20px 5px -10px rgba(0,0,0,.2);
    }
    .pricing-module-description--wrapper a,
    .pricing-module-description--wrapper h5 {
        color: #252525;
        text-decoration: none;
    }
    


/* Client Grid 
**************************************************/
    .client-wrapper {
        margin: 2em 0 2em;
    }
    .client__set {
        margin: 0 1em;
    }
    .client {
        width: 270px;
        border: 1px solid #ddd;
        margin-bottom: 1em;
        padding: 1em;
        height: 200px;
        display: flex;
        align-items: center;
        background: #fff;
        position: relative;
        overflow: hidden;
        box-shadow: 0 3px 5px -3px rgba(0,0,0,.4);
        text-align: center;
        
        -webkit-transform: scale(1);
        transform: scale(1);
        
        -webkit-transition: box-shadow .125s ease-in-out, transform .125s ease-in-out;
        transition: box-shadow .125s ease-in-out, transform .125s ease-in-out;
    }
        .client:hover {
            box-shadow: 0 10px 20px -5px rgba(0,0,0,.2);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
        .client__main {
            width: 100%;
        }
    .client__image {
        max-height: 100%;
        max-width: 100%;
        margin: auto;
        
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        
        -webkit-transition: filter .75s ease-in-out;
        transition: filter .75s ease-in-out;
    }
    .client:hover .client__image {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        
        -webkit-transition: filter .125s ease-in-out;
        transition: filter .125s ease-in-out;
    }
    .client__title {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(23, 159, 218, 0.85);
        z-index: 5;
        color: #fff;
        padding: 1em;
        text-align: center;
        -webkit-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        display: flex;
        align-items: center;
    }
    .client__title span {
        display: block;
        text-align: center;
        width: 100%;
    }
    .client:hover .client__title {
        opacity: 1;
    }


/*////////////////////
Traditional Design
//////////////////*/
body {
    counter-reset: count;
}
.traditional-process--bullet {
    padding: 2em 0;
}
.traditional-process--bullet h5 {
    counter-increment: count; /* Increment the section counter*/
}
.traditional-process--bullet h5:before {
    content: counter(count); /* Display the counter */
    display: inline-block;
    padding: .25em .45em;
    border-radius: 200px;
    background: #ff6600;
    color: #fff;
    margin-right: .5em;
}


/* Simple Gallery 
*********************************/
.portfolio-gallery {
    margin: 2em 0;
}
.gallery-item {
	float:  left;
	width: 25%;
	padding: 1%;
}
.gallery-item:hover {
    box-shadow: 0 0 15px rgba(0,0,0,.25);
    cursor: pointer;
}
.gallery-item .header {
	height: 300px;
    overflow: auto;
	position: relative;
    background-size: cover;
    background-position: center top;
}
.gallery-item .header a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    
    border: 1px solid #eee;
    
    background-size: cover;
    background-position: top;
	transition: background-position 5s ease;
}
    .gallery-item:hover .header a {
        background-position: 100% 0%;
        background-position: bottom;
	    transition: background-position 5s ease;
    }
.gallery-item .footer {
	background: #fff;
	padding: .25em .5em;
}
.gallery-item .footer a {
	float: right;
	color: #ff6600;
	text-decoration: none;
    padding-top: .25em;
}
    .templates-gallery .footer {
    	padding: 0;
        background: #eee;
    }
    .templates-gallery  .footer p {
        margin: 0;
    }
    .templates-gallery  .footer .template-title {
        padding: 1em 0 1em 1em;
        line-height: 1;
        display: inline-block;
        float: left;
    }
    .templates-gallery  .footer a.button {
        color: #fff;
        line-height: 1;
        padding: 1em;
        border: 0 none;
    }
    .templates-gallery  .footer a.button:hover {
        color: #ff6600;
    }

@media screen and (max-width: 1024px) {
    .gallery-item {
    	width: 33%;
    }
}
@media screen and (max-width: 768px) {
    .gallery-item {
        width: 50%;
    }
}
@media screen and (max-width: 500px) {
    .gallery-item {
        width: 100%;
    }
}


/* Testimonial Module
***************************************************/
    .testimonial {
        padding: 2em;
    }
    .testimonial-image {
        overflow:  hidden;
    	padding-bottom: 100%;
        height: 0;
    	border-radius:  50%;
    }
    .testimomnial-name {
    	font-weight: 400;
    }
    .testimomnial-title {
    	color: #ff6600;
    	margin-bottom: 1em;
    }
    @media screen and (max-width: 1024px) {
        .testimonial [class*="span"] {
            width: 100% !important;
            margin: 0 !important;
        }
        .testimonial-image {
            margin-bottom: 1em;
        } 
    }
    @media screen and (max-width: 768px) {
        .testimonial-image {
            overflow:  hidden;
            padding: 0;
            height: 100px;
            width: 100px;
        	border-radius:  50%;
        }
    }


/* ***************************************************
 * Testimonial Module
 **************************************************/
    .module-bottom--tabs {
        border: 1px solid #ebebeb;
        border-radius: 4px;
        background: #fff;
        background:url(//www.bluleadz.com/hubfs/images-new/1x1-border.png), linear-gradient(90deg, #fafafa 2px, white 2px);
        background-position: 30% 50%, 100% 0;
        background-repeat: repeat-y,repeat-y;
        background-size: auto, 70%;
    }
    .core-services-tabs {
        float: left;
        width: 30%;
        //border-right: 1px solid #ebebeb;
        padding-bottom: 1rem;
        background: #fafafa;
    }
    .core-services-panels {
        float: right;
        width: 70%;
        overflow: hidden;
        position: relative;
    }
    span.core-tabs-title {
        display:  block;
    	padding: .5rem 1rem;
    	background: #ff6600;
    	color: #fff;
    	font-size: 1em;
        margin-bottom: 1rem;
    }
    .core-services-tabs > .core-tab {
        display: block;
        padding: .5rem 0;
        margin: -1px 1rem 0 1rem;
        text-decoration: none;
        color: #252525;
        font-size: .8em;
    }
        .core-services-tabs > .core-tab:hover {
            color: #9b9b9b;
        }
        .core-services-tabs > .core-tab:not(:last-of-type) {
            border-bottom: 1px solid #ebebeb;
        }
    .core-services-tabs > .core-tab.active {
        padding: .5rem 1rem .5rem .75rem;
        border: 1px solid #ebebeb;
        border-right: 1px solid #fff;
        border-left: .25rem solid #ff6600;
        margin: -1px -1px 0 0;
        color: #ff6600;
        position: relative;
        z-index: 5;
        background-color: #fff;
    }
    .core-panel {
        -webkit-transform: translate(100%, 0);
                transform: translate(100%, 0); 
        position: absolute;
        -webkit-transition: all .25s ease-in-out .25s;
        transition: all .25s ease-in-out .25s;
        padding: 1.5em;
    }
        .core-panel ul {
            padding-left: 1em;
            margin: 0 0 2em;
            -webkit-columns: 2 150px;
	           -moz-columns: 2 150px;
	                columns: 2 150px;
            -webkit-column-gap: 2em;
               -moz-column-gap: 2em;
                    column-gap: 2em;
            -webkit-column-break-inside: avoid;
               page-break-inside: avoid;
                    break-inside: avoid;
            orphans: 0;
        }
        .core-panel ul li {
            list-style: none;
            margin-bottom: 0.7em;
            position: relative;
            left: 1.4em;
            font-weight: 400;
            white-space: normal;
            max-width: 99%;
            //padding-right: 5%;
        }
        .core-panel ul li ul {
                -webkit-column-count: 1;
                -moz-column-count: 1;
            column-count: 1;
        }
        .core-panel ul li ul li{
            font-size: .9em;
            color: #999;
            left: 0em;
        }
        
        
        .core-panel ul li:before {
            content: "\f058";
            font-family: FontAwesome;
            margin-right: -.7em;
            color: #777;
            position: relative;
            left: -1.4em;
        }
        .core-panel ul li ul li:before {
            display: none;
        }
    .core-panel.active {
        -webkit-transform: translate(0, 0);
    	        transform: translate(0, 0);
        position: static;
        -webkit-transition: all .25s ease-in-out .25s;
        transition: all .25s ease-in-out .25s;
    }
    

/* ***************************************************
 * Team Page
 **************************************************/
	.team-item {
		overflow: hidden;
		background-image: url(//www.bluleadz.com/hubfs/images/Layout/bz-bg-hipster-1.jpg);
		background-size: cover;
		background-position: center;
		box-shadow: 0 2px 2px rgba(0,0,0,.25)
	}
		.team-item .header {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.team-item.open .header {
			bottom: 0;
			width: 50%;
			left: auto;
		}
	.profile-image {
		position: absolute;
		bottom: 0;
		left: -15%; 
		-webkit-transition: left .15s ease-in-out;
		transition: left .15s ease-in-out;
	}
		.team-item.open .profile-image {
			right: auto;
			width: auto;
			height: 90%;
			max-width: 99999%;
			left: 50%;
			-webkit-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
			-webkit-transition: left .5s ease-in-out;
			transition: left .5s ease-in-out;
		}
		.team-item .footer {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #fff;
			padding: 1em 1em .5em;
			font-size: .7em;
		}
		.team-item.open .footer {
			font-size: initial;
			padding: 0;
			position: relative;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: transparent;
			padding: 0;
			font-size: 1em;
		}
	.team-item.open .profile-bio {
		background: transparent;
	}
		.team-item.open .profile-bio {
			//position: absolute;
			bottom: 2em;
			left: 2em;
			max-width: 50%;
			padding: 1em;
			background: rgba(255,255,255,.9);
		}
    .profile-sub-title {
        margin-bottom: 0;
    }
    .profile-social-media a {
        display: inline-block;
        margin: 0 0 10px;
        color: #777777;
    }
	.profile-content {
		opacity: 0;
		height: 0;
		overflow: hidden;
	}
		.team-item.open .profile-content {
			opacity: 1;
			height: auto;
		}
	.team-filter-menu {
		display: inline-block;
		padding: 0 0 2em 0;
	}
	.team-filter-menu a {
		color: #000;
		padding: 1em;
		text-decoration: none;
	}
		.team-filter-menu a.active {
			color:#ff6600;
			border-bottom: 2px solid;
		}
	ul.certificatons {
		opacity: 0;
		height: 0;
		overflow: hidden;
	}
	.team-item.open ul.certificatons {
		border-top: 1px #ddd solid;
		display: flex;
		width: 100%;
		padding-top: 10px;
		margin-top: 10px;
		opacity: 1;
		height: auto;
	}
	.team-item.open ul.certificatons:empty {
		display: none;
	}
	ul.certificatons li {
		display: block;
		width: 40px;
		background: #ff6600;
		border-radius: 200px;
		padding: 3px;
		margin-right: 5px;
	}
		[id="team-item--wrapper"] {
			width: 100%;
		}
		[id="team-item--wrapper"] .gutter-item {
			width: 1%;
		}
		[id="team-item--wrapper"] .grid-item,
		[id="team-item--wrapper"] .team-item {
			width: 15.666%;
			margin-bottom: 1%;
		}

		[id="team-item--wrapper"] .team-item.open {
			width: 48.998%;
			height: auto !important;
		}

	@media (max-width: 1399px) {
		[id="team-item--wrapper"] .team-item.open {
			width: 64.6558%;
		}    
	}
	@media screen and (max-width: 1200px) {
		[id="team-item--wrapper"] .gutter-item {
			width: 1%;
		}
		[id="team-item--wrapper"] .grid-item,
		[id="team-item--wrapper"] .team-item {
			width: 24.25%;
			margin-bottom: 1%;
		}

		[id="team-item--wrapper"] .team-item.open {
			width: 74.7%;
		}
	}
	@media (max-width: 900px) {
		[id="team-item--wrapper"] .team-item.open {
			width: 100%;
		}    
	}
	@media screen and (max-width: 768px) {
		[id="team-item--wrapper"] .grid-item,
		[id="team-item--wrapper"] .team-item {
			width: 49.55%;
			margin-bottom: 2%;
		}
	}
	@media (max-width: 900px) {
		.team-item.open .footer {
			background-color: transparent;
			top: 0;
		}
		 .team-item.open .profile-bio {
			bottom: initial;
			top: 2em;
			left: 2em;
			right: 2em;
			max-width: 100%;
		}
	}
	@media screen and (max-width: 450px) {
		[id="team-item--wrapper"] .grid-item,
		[id="team-item--wrapper"] .team-item {
			width: 100%;
			margin-bottom: 2%;
		}
	}

/*************************************************
 * inbound Sales
 ************************************************/
	.blueBuildingBackground {
		background-color: #0064a4;
		background-image: url(//www.bluleadz.com/hubfs/ImagesV16/inbound%20sales/buildings-01.svg?t=1485201317302), url(//www.bluleadz.com/hubfs/ImagesV16/inbound%20sales/clouds-02.svg?t=1485201317302);
		background-repeat: no-repeat, repeat-y;
		background-size: contain, 100% auto;
		background-position: bottom, bottom;
		background-attachment: scroll, fixed;
		padding: 4em 2em 0;
		border-bottom: 10px solid #cecece;
	}
		.sucessRate h1 {
			font-size: 5em;
			text-align: center;
		}
		[id="arrow-dude"] {
			margin-bottom: -1em;
		}

		.sales-dude,
		.marketing-dude {
			position: relative;
		}
		.sales-dude:after {
			content: "";
			display: block;
			height: 90px;
			width: 90px;
			position: absolute;
			bottom: -20%;
			right: -2%;
			background: url(//www.bluleadz.com/hubfs/ImagesV16/inbound%20sales/sales-dude-1.svg) no-repeat center center/100% auto;
		}

		.marketing-dude:after {
			content: "";
			display: block;
			height: 90px;
			width: 90px;
			position: absolute;
			bottom: -20%;
			right: -2%;
			background: url(//www.bluleadz.com/hubfs/ImagesV16/inbound%20sales/marketing-dude-1.svg) no-repeat center center/100% auto;
		}
		.sales-marketing-work-together {
			padding-bottom: 0;
			 background: #f0f0f0 url(//www.bluleadz.com/hubfs/ImagesV16/inbound%20sales/building-window.svg) no-repeat bottom center/cover;
			 border-bottom: 4em solid #ccc;
		}
		.marketing-man,
		.sales-man {
			margin-bottom: -2em;
		}
		.mulla {
			align-self: center   
		}

		@media screen and (max-width: 767px) {
			.sales-dude,
			.marketing-dude {
				padding-top: 3em;
				margin-top: 4em;
			}

			.sales-dude:after {
				bottom: auto;
				right: 50%;
				top: -20%;
				z-index: 5;
				transform: translate(50%, 0);
				-webkit-transform: translate(50%, 0);
			}

			.marketing-dude:after {
				bottom: auto;
				right: 50%;
				top: -20%;
				z-index: 5;
				transform: translate(50%, 0);
				-webkit-transform: translate(50%, 0);
			}   
		}

/*************************************************
 * Are We A Good Fit Page
 ************************************************/

.onepage-wrapper {
	width: 100%;
	height: 100vh;
	display: block;
	position: relative;
	padding: 0;
	-webkit-transform-style: preserve-3d;
	
	overflow: hidden;
}

.onepage-wrapper .section {
  width: 100%;
  height: 100%;
}

.onepage-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
}
.onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
  
}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 8px;
}

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .section {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
  display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}



/*=================================================
 * Flex Box Grid Converter
 ==================================================*/
		.flexgrid,
		.flexgrid > .row-fluid-wrapper > .row-fluid{
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex; /* NEW */
			display: flex;
		}
			.flexgrid--top,
			.flexgrid--top > .row-fluid-wrapper > .row-fluid {
				-webkit-box-align: start;
				-webkit-flex-align: start;
					-ms-flex-align: start;
						align-items: flex-start;
			}
			.flexgrid--middle,
			.flexgrid--middle > .row-fluid-wrapper > .row-fluid {
				-webkit-box-align: center;
				-webkit-flex-align: center;
					-ms-flex-align: center;
						align-items: center;
			}
			.flexgrid--bottom,
			.flexgrid--bottom > .row-fluid-wrapper > .row-fluid {
				-webkit-box-align: end;
				-webkit-flex-align: end;
					-ms-flex-align: end;
						align-items: flex-end;
			}
		@media screen and (max-width: 767px) {
			.flexgrid,
			.flexgrid > .row-fluid-wrapper > .row-fluid{
				display: block;
			}    
		}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Audio Player (.audioplayer)
//
//////////////////////////////////////////////////////////////////////////////
*/

	.audioplayer {
		display: inline-block;
		background: #f0f0f0;
		border-radius: 3px;
		margin-left: 5px;
		padding: .25em 0 .7em 1em;
		position: relative;
		cursor: pointer;
	}

	.audioplayer > span {
		padding-right: 1em;
	}

	.audioplayer > span.playing {
		color: #ff9900;
	}

	.audioplayer > .seeker {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 3px;
		background: #ff9900;
		padding-right: 0;
		width: 100%;
		-webkit-appearance: none;
	}

	.player-play-pause {
		background-color: #09bce4;
		color: #fff;
		font-size: 1.5em;
		padding: 0.75em 1em;
		border-radius: 100%;
		margin-bottom: 1rem;
		position: relative;
		left: -50%;
		-ms-transform: translateX(50%);
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		cursor: pointer;
		line-height: 1.304;
	}

	.player-play-pause > span {
		padding: 0;
	}


	.player-meta {
		text-align: center;
		padding-bottom: 0.75em;
		border-bottom: 1px solid #eee;
		margin-bottom: 0.75em;
	}

	@media (max-width: 1099px) {

		.sidebar-player {
			display: none;
		}

		.audioplayer {
			display: block;
			width: 100%;
			text-align: center;
			background: #f0f0f0;
			border-radius: 3px;
			margin-left: 0;
			margin-top: 1em;
			padding: .25em 0 .7em 1em;
		} 

		.audioplayer > span {
			font-size: 2em;
		}    

	}

	@media (min-width: 1100px) {

		.top-player {
			display: none;
		}

	}

	/*=====================================================
	 * Cross Browser Style The Scrubber Bar
	 ======================================================*/
	/* Special styling for WebKit/Blink */
	.audioplayer input[type=range]::-webkit-slider-thumb {
	  -webkit-appearance: none;
	  border: 0 solid transparent;
	  height: 5px;
	  width: 1em;
	  background: #ff9900;
	  cursor: pointer;
	  margin-top: 0; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
	}

	/* All the same stuff for Firefox */
	.audioplayer input[type=range]::-moz-range-thumb {
	  border: 0 solid transparent;
	  height: 5px;
	  width: 1em;
	  background: #ff9900;
	  cursor: pointer;
	}

	/* All the same stuff for IE */
	.audioplayer input[type=range]::-ms-thumb {
	  border: 0 solid transparent;
	  height: 5px;
	  width: 1em;
	  background: #ff9900;
	  cursor: pointer;
	}

	.audioplayer input[type=range]::-webkit-slider-runnable-track {
	  width: 100%;
	  height: 5px;
	  cursor: pointer;
	  background: #ccc;
	  border: 0 solid transparent;
	}

	.audioplayer input[type=range]:focus::-webkit-slider-runnable-track {
	  background: #ccc;
	}

	.audioplayer input[type=range]::-moz-range-track {
	  width: 100%;
	  height: 5px;
	  cursor: pointer;
	  background: #ccc;
	  border: 0 solid transparent;
	}

	.audioplayer input[type=range]::-ms-track {
	  width: 100%;
	  height: 5px;
	  cursor: pointer;
	  background: transparent;
	  border-color: transparent;
	  border-width: 0;
	  color: transparent;
	}

	.audioplayer input[type=range]::-ms-fill-lower {
	  background: #ccc;
	  border: 0 solid transparent;
	}

	.audioplayer input[type=range]:focus::-ms-fill-lower {
	  background: #ccc;
	}

	.audioplayer input[type=range]::-ms-fill-upper {
	  background: #ccc;
	  border: 0 solid transparent;
	}

	.audioplayer input[type=range]:focus::-ms-fill-upper {
	  background: #ccc;
	}    

	/*=====================================================
	 * END Cross Browser Style The Scrubber Bar
	 ======================================================*/

	@media (max-width: 500px) {

		.blog-single .topics,
		.blog-single .minutes {
			width: 100%;
			display: block;
			padding-bottom: .5em;
			text-align: center !important;
			float: none !important;
		}

	}


/*
//////////////////////////////////////////////////////////////////////////////
//
// Contact Us
//
//////////////////////////////////////////////////////////////////////////////
*/



/*
//////////////////////////////////////////////////////////////////////////////
//
// Blog
//
//////////////////////////////////////////////////////////////////////////////
*/


    /* Blog - Single View
    ************************************/
    .blog-single .hero {
        position: relative;
        overflow: hidden;
    }
    .blog-single .hero .featured-image {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-position: center center;
      z-index: 1;
      filter: alpha(opacity=40);
      -webkit-opacity: 0.4;
      -moz-opacity: 0.4;
      opacity: 0.4;
    }
    .blog-single .hero .featured_Image {
      display: none;
    }
    @media screen and (max-width: 768px) {
      .blog-single .hero .featured-image img {
        width: auto;
        max-width: 99999em;
        height: 100%;
      }
    }
    .blog-single .header {
      padding: 0 1em;
      text-align: center;
      color: #ffffff;
    }
    .blog-single .header h1 {
      padding: 100px 0;
    }
    .blog-single .text {
      position: relative;
      z-index: 5;
      width: 90%;
      margin: auto;
    }
    
    /* Actual Blog Posts */
    .blog-single .blog-body {
      max-width: 800px;
      margin: auto !important;
      float: none !important;
      position: relative;
      font-size: 1.125em;
      line-height: 1.7;
    }
    .blog-single .blog-content-top {
      padding: 2em 0;
      border-bottom: 1px solid #eeeeee;
      margin-bottom: 2em;
      color: #777777;
      font-family: 'Lora', serif;
      font-style: italic;
      font-size: .8em;
    }
    .blog-single .blog-content-top .topics {
      float: left;
      text-align: left;
      font-family: 'Lora', serif;
    }
    .blog-single .blog-content-top .minutes {
      float: right;
      text-align: right;
      font-family: 'Lora', serif;
    }
    .blog-single .blog-content-top .minutes > .clock {
      background: url(//www.bluleadz.com/hs-fs/hub/57042/file-1161490582-png/images-new/Clock-Icon.png) no-repeat 0 0;
      display: inline-block;
      margin-right: 5px;
      width: 20px;
      height: 20px;
      vertical-align: top;
    }
    
    /* Post Typography */
    .blog-single .post-body h2,
    .blog-single .post-body h3,
    .blog-single .post-body h4 {
        margin: 1em 0 .25em;
    }
    .blog-single .post-body ul,
    .blog-single .post-body ol {
        margin-left: 2em;
        padding: 1em 0;
    }
    .blog-single .post-body ul li {
        list-style: circle url(//www.bluleadz.com/hubfs/arrow-bullet.png?kasj);
        margin-bottom: .5em;
    }
    .blog-single .post-body ol li {
        list-style-type: decimal;
        margin-bottom: .5em;
    }
    
    .blog-single .post-body blockquote {
        font-size: 1.5em !important;
        font-weight: 400 !important;
    	margin: 2em 0em 1em;
    	font-style: italic;
    	position: relative; 
        padding: .5em 15%;
        font-family: georgia;
    }
    
        .blog-single .post-body blockquote:before {
            content: '';
            display: block;
            height: 48px;
            width: 60px;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1My4xIDQzLjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUzLjEgNDMuMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbD0iIzA0OUZEQSIgZD0iTTIuOSwzNy43QzEsMzQuNywwLDMwLjksMCwyNi40QzAsMjAuNywxLjUsMTUuNSw0LjQsMTFjMi45LTQuNSw3LjMtOC4yLDEzLjMtMTFsMS42LDMuMUMxNS43LDQuNiwxMi42LDcsMTAsMTAuMmMtMi42LDMuMi0zLjgsNi41LTMuOCw5LjdjMCwxLjQsMC4yLDIuNiwwLjUsMy42YzEuOS0xLjUsNC0yLjMsNi40LTIuM2MzLjEsMCw1LjcsMSw3LjgsM2MyLjEsMiwzLjIsNC42LDMuMiw4YzAsMi4xLTAuNSwzLjktMS41LDUuNmMtMSwxLjctMi4zLDMtNCwzLjljLTEuNywwLjktMy41LDEuNC01LjQsMS40QzguNiw0My4xLDUuMyw0MS4zLDIuOSwzNy43eiBNMzIsMzcuN2MtMi0zLTIuOS02LjgtMi45LTExLjNjMC01LjcsMS41LTEwLjksNC40LTE1LjRjMi45LTQuNSw3LjMtOC4yLDEzLjMtMTFsMS42LDMuMWMtMy42LDEuNS02LjYsMy45LTkuMiw3LjFjLTIuNiwzLjItMy44LDYuNS0zLjgsOS43YzAsMS40LDAuMiwyLjYsMC41LDMuNmMyLTEuNSw0LjEtMi4zLDYuNC0yLjNjMy4xLDAsNS43LDEsNy44LDNjMi4xLDIsMy4xLDQuNiwzLjEsOGMwLDMuMS0xLjEsNS43LTMuMiw3LjhjLTIuMSwyLjEtNC43LDMuMS03LjgsMy4xQzM3LjcsNDMuMSwzNC40LDQxLjMsMzIsMzcuN3oiLz48L2c+PC9zdmc+);
            background-size: cover;
            position: absolute;
            font-size: 25em;
            top: 0;
            left: 10px;
            color: #fff;
            z-index: 1;
        }
        .blog-single .post-body blockquote:after {
            content: '';
            display: block;
            height: 48px;
            width: 60px;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1My4xIDQzLjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUzLjEgNDMuMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbD0iIzA0OUZEQSIgZD0iTTUwLjIsNS40YzIsMywyLjksNi44LDIuOSwxMS4zYzAsNS43LTEuNSwxMC45LTQuNCwxNS40Yy0yLjksNC41LTcuMyw4LjItMTMuMywxMUwzMy45LDQwYzMuNi0xLjUsNi42LTMuOSw5LjItNy4xYzIuNi0zLjIsMy44LTYuNSwzLjgtOS43YzAtMS40LTAuMi0yLjYtMC41LTMuNmMtMS45LDEuNS00LDIuMy02LjQsMi4zYy0zLjEsMC01LjctMS03LjgtM2MtMi4xLTItMy4yLTQuNi0zLjItOGMwLTIuMSwwLjUtMy45LDEuNS01LjZjMS0xLjcsMi4zLTMsNC0zLjlDMzYuMywwLjUsMzguMSwwLDQwLDBDNDQuNSwwLDQ3LjgsMS44LDUwLjIsNS40eiBNMjEuMSw1LjRjMiwzLDIuOSw2LjgsMi45LDExLjNjMCw1LjctMS41LDEwLjktNC40LDE1LjRjLTIuOSw0LjUtNy4zLDguMi0xMy4zLDExTDQuOCw0MGMzLjYtMS41LDYuNi0zLjksOS4yLTcuMWMyLjYtMy4yLDMuOC02LjUsMy44LTkuN2MwLTEuNC0wLjItMi42LTAuNS0zLjZjLTIsMS41LTQuMSwyLjMtNi40LDIuM2MtMy4xLDAtNS43LTEtNy44LTNDMSwxNywwLDE0LjMsMCwxMWMwLTMuMSwxLjEtNS43LDMuMi03LjhDNS4zLDEsNy45LDAsMTEsMEMxNS40LDAsMTguNywxLjgsMjEuMSw1LjR6Ii8+PC9nPjwvc3ZnPg==);
            background-size: cover;
            position: absolute;
            font-size: 25em;
            bottom: 0;
            right: 10px;
            color: #fff;
            z-index: 1;
        }
    
        .blog-single .post-body blockquote * {
            position: relative;
        	z-index: 5;
        }
    
        .post-single .post-body blockquote p {
        	font-family: serif;
        	line-height: 1.2;
        }
        
        @media screen and (max-width: 768px) {
            .blog-single .post-body blockquote {
                padding: 2em 2em 2em;
                border-top: 2px solid #179FDA;
                margin-top: 3em;
            }
            .blog-single .post-body blockquote:before {
                top: -20px;
                left: 50%;
                transform: translate(-50%, 0);
                z-index: 4;
            }
            .blog-single .post-body blockquote:after {
                height: 48px;
                width: 100px;
                background-image: none;
                background-color: #fff; 
                top: -20px;
                left: 50%;
                transform: translate(-50%, 0);
                z-index: 1;
            }     
        }
    
    /* Post Images */
    .blog-single .post-body img {
        height: auto !important;
    }
    
    /* blog-single comments */
    .blog-single .widget-span.widget-type-blog_comments {
        background: #179FDA;
        color: #fff;
        padding: 4em 1em;
    }
    
    .blog-single .widget-span.widget-type-blog_comments  label {
        color: #fff;
    }

    .blog-single  .widget-span.widget-type-blog_comments > div {
        max-width: 800px !important;
        margin:  auto;
    }

    .blog-single .widget-span.widget-type-blog_comments #comment-form:before {
        content: "Leave A Comment";
        font-size: 2em;
        margin: 2em 0 .5em 0;
        display:  block;
        font-weight: 700;
    }
    .blog-single .post-body {
        margin-bottom: 2em;
        padding-top: 2em;
    }
    
    .blog-single .leave-a-comment {
        margin-top: 1em;
    }
    .blog-single .leave-a-comment > a {
        padding: .25em;
        display: block;
        text-align: center;
        background: #eee;
        color: #252525;
    }
    
    .blog-single .comment.depth-0 {
        border-top: 0 none;
        margin-top: 0;
    }
    .blog-single .comment-body {
        background: rgba(255,255,255,.8);
        border-radius: 4px 4px 4px 0;
        padding: 1em 2em;
        position: relative;
        margin-top: .5em;
        color: #252525;
    }
    .blog-single .comment-body:before {
        bottom: 100%;
        left: 5%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-bottom-color: rgba(255,255,255,.8);
        border-width: 10px;
    }
    .blog-single .comment-from h4 > a {
        color: #1A2E5B;
    }

    .blog-single button.comment-reply-to {
        background-color: rgba(255,255,255,.5);
        margin: 0 0 0 0;
        display: block;
        border-radius: 0 0 4px 4px;
        font-size: 1em;
        cursor: pointer;
        -webkit-transition: background-color .25s ease;
        -moz-transition: background-color .25s ease;
        transition: background-color .25s ease;
    }
    .blog-single button.comment-reply-to:hover {
        background-color: rgba(255,255,255,.3);
    }
    
    .blog-single .widget-type-blog_comments .hs-common-confirm-message {
        margin: 1em 0 0 0 !important;
        border-radius: 4px 4px 0 0 !important;
        padding: 2em !important;
    }
    
    .blog-single .widget-type-blog_comments .hs-form {
        background: rgba(255,255,255,.3);
        padding: 2em;
    }
    
    .blog-single .new-comments:before {
        content: "Reader Comments";
        color: #fff;
        display: block;
        font-size: 2em;
        font-weight: 700;
    }
    
    @media screen and (max-width: 1200px) {
        .blog-single .blog-content-top {
            padding: 1em;
        }
    }
    @media screen and (max-width: 768px) {
        .blog-single .blog-body img[style*="float"] {
            display:block;
            margin: 1em auto !important;
            float: none !important;
            clear: both;
        }   
    }
    
    
    .giphy-embed { 
        display: block;
    	margin: auto;
        max-width: 480px;
        border-bottom: 5px solid #ff6600;
     }
    .giphy-embed + a {
    	display: inline-block;
        margin: auto;
        background-color: #ff6600;
        padding: 1em 2em;
        line-height: 1;
        font-size: .7em;
        color: #fff;
        text-decoration: none;
        border-radius: 0 0 5px 5px;
    }
    
    /* sidebar cta area */
    .blog-sidebar {
        display: none;
    }
    @media (min-width: 767px) {
        .at-style-responsive .at-share-btn {
            width: 100%;
        }
        .blog-body.sticky-sidebar {
            max-width: none;
        }
        .sticky-sidebar .blog-post-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
    
        .sticky-sidebar .socialShare {
            position: -webkit-sticky;
            position: sticky;
            right: initial;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            -ms-flex-item-align: start;
                align-self: flex-start;
            margin-bottom: 112px;
            margin-bottom: 7rem;
        }
        .sticky-sidebar .socialShare.not-sticky {
            position: static;
        }
        .blog-sidebar {
            display: block;
            -webkit-box-flex: 2;
                -ms-flex: 2;
                    flex: 2;
            position: -webkit-sticky;
            position: sticky;
            top: 100px;
            margin-bottom: 112px;
            margin-bottom: 7rem;
            -ms-flex-item-align: start;
                align-self: flex-start;
        }
        .blog-sidebar-inner {
            background: #fafafa;
            box-shadow: 0 2px 4px 0 rgba(50,50,93,.1);
            text-align: center;
            padding-bottom: 24px;
            padding-bottom: 1.5rem;
            margin-top: 24px;
            margin-top: 2.5rem;
        }
        .blog-sidebar-inner p,
        .blog-sidebar-inner h4 {
            padding: 0 20px;
            padding: 0 1.25rem;
            line-height: 1.25;
            margin-top: 0.75rem;
        }
        .blog-sidebar-inner .button {
            width: 100%;
        }
        .blog-sidebar-inner img {
            padding: 0 8px;
            padding: 0 .5rem;
            margin-bottom: 8px;
            margin-bottom: .5rem;
            margin-top: -30px;
            margin-top: -2rem;
        }
        .sticky-sidebar .section.post-body {
            -webkit-box-flex: 6;
                -ms-flex: 6;
                    flex: 6;
            padding-top: 0;
            max-width: 813px;
        }
        .sticky-sidebar .widget-type-blog_content {
            max-width: 1200px;
            margin: auto !important;
            float: none !important;
            padding: 0 16px;
            padding: 0 1rem;
        }
        .sidebar-inner-before {
            display: block;
        }
        .sidebar-inner-after {
            display: none;
        }
        .blog-sidebar-inner.submitted .sidebar-inner-before {
            display: none;
        }
        .blog-sidebar-inner.submitted .sidebar-inner-after {
            display: block;
        }
        .blog-sidebar .hs-form-field {
            width: 100% !important;
            float: none !important;
            padding: 0 1rem;
        }
        
        .blog-sidebar .hs-form-field label {
            color: #333;
            display: block;
            text-align: left;
            margin: 0;
            font-size: 1rem;
        }
        .blog-sidebar ul.hs-error-msgs.inputs-list label {
            font-size: 10px;
        }
    }
    
    /*
    //////////////////////////////////////////////////////////////////////////////
    //
    // Pagination
    //
    //////////////////////////////////////////////////////////////////////////////
    */
    
    .mia-pagination-wrapper {
        position: relative;
    }
    
    .mia-pagination-one .mia-pagination-link {
        width: 100%;
    }
    
    .mia-pagination-two .mia-pagination-link {
        width: 50%;
    }
    
    .mia-pagination-three .mia-pagination-link {
        width: 33.3332%;
    }
    
    .mia-pagination-link {
        display: block;
        float: left;
        padding: 2em;
        text-decoration: none;
    }
    
    .mia-pagination-listing .mia-pagination-link {
        text-align: center;
    }
    
    .mia-pagination-link:hover,
    .mia-pagination-link:focus {
        text-decoration: underline;
    }
    
    .mia-previous-posts-link {
        background: #ff6600;
        color: #fff;
    }
    
    .mia-all-posts-link {
        background: #ebebeb;
        color: #179FDA
    }
    
    .mia-next-posts-link {
        background: #179FDA;
        color: #fff;
    }
    
    .mia-pagination-link-desc {
        display: block;
        opacity: 0.5;
    }
    
    .mia-pagination-link-inner {
        display: block;
    }
    
    .mia-previous-posts-link .mia-pagination-link-inner {
        text-align: left;
    }
    
    .mia-previous-posts-link .mia-pagination-link-desc {
        padding-left: 1.35rem;
    }
    
    .mia-next-posts-link .mia-pagination-link-inner {
        text-align: right;
    }
    
    .mia-next-posts-link .mia-pagination-link-desc {
        padding-right: 1.35rem;
    }
    
    .mia-blog .mia-all-posts-link:not(:first-child) {
        text-align: center;
    }
    
    .mia-blog .mia-all-posts-link:last-child {
        text-align: right;
    }
    
    .mia-blog .mia-next-posts-link {
        text-align: right;
    }
    
    
        
        .blog-pagination {
            text-align:  center;
        }
        .blog-pagination a {
            display: inline-block;
            padding: .5em;
            border: 1px solid #ddd;
            color: #777777;
            text-decoration: none;
        }
        .blog-pagination a.active {
            border-color: #179FDA;
            color: #179FDA;
        }
    
    
    @media (max-width: 600px) {
        
        .mia-pagination-two .mia-pagination-link,
        .mia-pagination-three .mia-pagination-link {
            width: 100%;
        }
        
    }
    
    


    /* Blog Listing
    ************************************************************/
    .post-listing {
        max-width: 1200px;
        margin: 2em auto;
    }
    
    .post-item {
        position: relative;
        overflow: hidden;
        color: #fff;
        width: 39%;
        height: 51vh;
        min-height: 150px;
        background-color: #002a5c;
    }
    .post-item > a {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: .4;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
    }
    .post-item:hover > a {
        opacity: .28;
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    .post-item .text {
        position: relative;
        padding: 2em;
        width: 100%;
        z-index: 1;
        pointer-events: none;
    }

    .post-item h2 a,
    .post-item h3 a{
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        pointer-events: initial;
    }
    .post-item h2 a:visited,
    .post-item h3 a:visited{
        color: rgba(255,255,255,.28) !important;
    }
    .hs-content-path-blog-all .post-item h2 a:visited,
    .hs-content-path-blog-all .post-item h3 a:visited{
        color: rgba(147, 147, 147, 0.2)!important;
    }
    .post-item .topics {
        color: #fff;
        font-family: 'Lora', serif;
        font-style: italic;
    }
    .post-item .topics a {
        pointer-events: initial;
    }
    .post-item.featured {
        background: #252525;
        height: 60vh;
        width: 100%;
        float: none;
        margin-bottom: 1%;
    }
    .post-item.regular {
        width: 39%;
        height: 40vh;
        float: left;
        margin-bottom: 1%;
    }
    .post-item.regular:nth-child(4n+2), 
    .post-item.regular:nth-child(4n+1) {
        width: 60%;
    }
    .post-item.regular:nth-child(even) {
        margin-right: 1% !important;
    }
    
    .post-item.regular.orange {
        background: #ff9900;
    }
    .post-item.regular.orange .topics a,
    .post-item.regular.orange .author-info a,
    .post-item.regular.lightBlue .topics a,
    .post-item.regular.lightBlue .author-info a {
        color: #002A5C;
    }
    .post-item.regular.grey {
        background: #252525;
    }
    .post-item.regular.lightBlue {
        background: #179FDA;
    }
    
    .hs-content-path-blog-all .post-item.regular {
        background: transparent;
        width: 100%;
    }
    
    @media screen and (max-width: 768px) {
        .blog-list .body-container-wrapper {
            padding: 0;
        }
        .post-item {
            height: auto !important;
            min-height: 250px;
        }
        .post-item > a {
            opacity: .4;
        }
        .post-item .text {
            padding: 1em;
        }
        .post-item .author-info {
            left: 1em;
        }
        
        .post-item.regular,
        .post-item.regular:nth-child(4n+2), 
        .post-item.regular:nth-child(4n+1),
        .post-item.regular:nth-child(even) {
            float: none;
            width: 100%;
            margin: 0 0 1% 0;
        }
    }
    @media screen and (max-width: 400px) {
        .author-link {
            text-decoration: none;
        }
        .author-display-name {
            display: none;
        }
    }
    @media screen and (max-height: 628px) and (max-width: 320px) {
        .post-item {
            min-height: 150px;
            height: auto;
            padding: 1em;
        }
        .post-item .author-info {
            position: relative;
        }
    }
    


    /* Blog Author
    ***********************************************************/
    .author-info {
        position: absolute;
        bottom: 0;
        color: #fff;
        left: 2em;
        z-index: 5;
        width: 100%;
        pointer-events: none;
    }
    .blog-single .author-info {
        position: absolute;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .author-info > span {
      padding-bottom: 10px;
      display: inline-block;
    }
    .author-info > a {
      padding: 0 5px 10px;
      color: #ff6600;
    }
    .author-info > a span {
      padding-right: 5px;
    }
    .author-info a {
        pointer-events: initial;
    }
    
    @media screen and (max-width: 1068px) and (min-width: 800px) {
        .author-info .author-link img {
            display: none;
        }
    }
    @media screen and (max-width: 500px) {
        .author-info > span:first-of-type {
            display: none;
        }    
    }
    
    /* Author Page 
    **********************************/
    .author-summary {
        padding: 1em 1em 0 1em;
        background: #eeeeee;
        max-width: 1200px;
        margin: 0 auto -2em;
        float: none;
        
    }
    .author-desc {
        margin-top: 2.4em;
        font-size: 1.3em;
    }
    
    /* Simple Blog List
    ********************************************/
    .post-listing-simple {
        padding: 2em;
    }
    .post-listing-simple .post-item {
        background:  transparent;
        color: #252525 !important;
        min-height: 0;
        height: auto;
        width: 100%;
    }
    .post-listing-simple .post-item h2 {
        padding: 1% 1%;
        margin: 0;
    }
    .post-listing-simple .post-item h2 a {
        color: #252525;
        text-decoration: underline;
    }

    /* Blog Subscription
    ********************************************/
    .subscribeButton {
          position: static;
          color: #fff;
          padding-top: 1em;
    }

    .subscribeButton a {
        text-decoration: none;
    }
    .subscribeButton a img {
          padding: 15px 12px;
          border: 3px solid #fff;
          line-height: 1;
          height:  60px;
          border-radius: 200px;
          vertical-align: middle;
          margin-right: 15px;
    }
    .subscribeButton a.button:hover img {
        background-color: rgba(255,255,255,.5)
    }

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

    .blogSubscription {
        background: url(//www.bluleadz.com/hubfs/images-new/Header_Images/blog-bg-d.jpg) no-repeat top center;
        background-size: cover;
        background-attachment: fixed;
        padding: 6em 1em;
    }
    .blogSubscription h2,
    .blogSubscription p,
    .blogSubscription label {
        color: #fff;    
    }
    .blogSubscription > div {
        max-width: 1200px;
        margin: auto;
    }
    .blogSubscription .padLeft {
        padding-left: 90px;
        background: url(//cdn2.hubspot.net/hub/57042/file-2313011121-png/images-new/subscribe.png) no-repeat 0 0;
    }
    .blogSubscription h2 {
        margin-bottom: 1em;
    }
    .blogSubscription .inputs-list {
        margin-top: 1em;
    }
    .blogSubscription h3 {
        margin-top: 0;
        color: #ff6600;
    }    
    @media screen and (max-width: 768px) {
        .subscribeButton {
            position: relative;
            top: 0;
            margin-bottom: 2em;
            margin-top: -2em;
        }
        .subscribeButton a.button {
            text-decoration: none;
        }
        .blogSubscription {
            padding-top: 2em;
        }
        .blogSubscription .padLeft {
            padding-left: 0;
            padding-top: 90px;
            background: url(//cdn2.hubspot.net/hub/57042/file-2313011121-png/images-new/subscribe.png) no-repeat 50% 0;
        }
        .blogSubscription {
            background-size: cover;
            background-attachment: scroll;
        } 
        .blogSubscription h3 {
            margin-top: 1em;
        }    
    }




    /* Social Sharing Blog 
    ***********************************************************/
    .socialShare {
        position: absolute;
        right: 104%;
        top: 71px;
        width:  140px;
        border-right: 1px solid #eee;
        padding: 10px 0 20px 0;
        text-align: right;
    }
        /*Add This Overrides*/
        .socialShare .at-resp-share-element .at-share-btn .at-label {
        	font-size: 9pt;
        	padding: 0 5px 0 0 !important;
        	margin: 0px 0 0 0px !important;
        }
        .socialShare .at-resp-share-element .at4-share-count-container {
        	padding-right: 5px !important;
        }

    @media screen and (max-width: 1100px) {
        .socialShare {
            position: static;
            width:  100%;
            border-right: 0 none;
            border-bottom: 1px solid #eee;
            padding: 0 0 20px 0;
            text-align: center;
        }
    }
    @media screen and (max-width: 550px) {
        .socialShare .sharrre {
            width: 45%;
        }
    }


/* Blog (All Posts)
***********************************************************/

.post-listing-simple {
    padding: 2em 0;
}

.simple-post {
    -box-shadow: 0 0 10px -1px rgba(51, 51, 51, 0.42);
    display: block;
    margin: 0.25em 0;
}

.simple-post__image {
    width: 100%;
    height: 4em;
    background-size: cover;
    background-position: center;
    position: relative;
}

.simple-post__image:before {
    content: '';
    background-color: #002a5c;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.simple-post:nth-child(2n) .simple-post__image:before {
    background-color: #179fda;
}

.simple-post__image:after {
    content: '';
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); ;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.simple-post__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.5em;
}

.simple-post__meta {
    font-family: 'Lora',serif;
    font-style: italic;
    color: #6d6d6d;
    font-size: 0.75em;
}

.simple-post__title {
    margin-bottom: 0.5rem !important;
}

@media (min-width: 500px) {

    .simple-post {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    
    .simple-post__image {
        width: 30%;
        height: auto;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
    }

    .simple-post__image:after {
        background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
        background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); ;
        left: 30%;
    }

    .simple-post__body {
        padding-left: 0;
    }    
    
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// Learn How Module
//
//////////////////////////////////////////////////////////////////////////////
*/
    .learn-how {
        padding: 2em 1em;
    }
    .learn-how.text_light h5 {
        font-weight: 200;
        color: #fff;
        margin-top: 1em;
    }
    .learn-how.text_light h2 {
        font-size: 2em;
        color: #fff;
    }
    .learn-how.text_light .getStartedLink {
        color: rgba(255,255,255,.5);
    }
    
    .learn-how.text_dark h5 {
        font-weight: 200;
        color: #252525;
        margin-top: 1em;
    }
    .learn-how.text_dark h2 {
        font-size: 2em;
        color: #252525;
    }
    .learn-how.text_dark .getStartedLink {
        color: rgba(0,0,0,.5);
    }
    
    @media screen and (max-width: 768px) {
        .learn-how {
            text-align: center;
        }    
    }


/*
//////////////////////////////////////////////////////////////////////////////
//
// Standard Landing Page
//
//////////////////////////////////////////////////////////////////////////////
*/

.bz-landing-page .lp-brandmark a {
    max-width: 300px;
    margin: -6em auto 3em;
	position: relative;
	z-index: 100;
	display: block;
}

.bz-landing-page .list-block ul {
    padding: 1em 0;
    list-style: none;
}
.bz-landing-page .list-block ul li {
    padding-left: 1em;
}
    .bz-landing-page .list-block ul li:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        color: #ff6600;
        font-size: 1em;
        position: relative;
        left: -1em;
    }
.bz-landing-page .lp-image {
    text-align: center;
}
.bz-landing-page .did-you-know-header h2:after {
    content: "";
    display: inline-block;
    height: 60px;
    width: 60px;
    background: url(//www.bluleadz.com/hubfs/did-you-know-01.svg) no-repeat center center;
    background-size: contain;
    margin-left: .25em;
}

.bz-landing-page .did-you-know .did-you-know-image {
    background-size: cover;
    background-position: center;
    min-height: 200px;
}



/*
//////////////////////////////////////////////////////////////////////////////
//
// Thankyou page
//
//////////////////////////////////////////////////////////////////////////////
*/
    .bz-thankyou-page [id="tubular-container"] {
        display: none;
    }
    @media screen and (min-width: 575px){
        .bz-thankyou-page [id="tubular-container"] {
            display: block;
            height: 600px !important;
            position: absolute;
            top: 0;
        	left: 0;
        	right: 0;
        	z-index: 0;
        }
        .bz-thankyou-page [id="tubular-container"] video {
            width: 100%;
        }
        .bz-thankyou-page .subpage-hero {
            background: #049ad5!important;;
            background: -moz-linear-gradient(top, #049ad5 0%, #0f3c78 100%)!important;;
            background: -webkit-linear-gradient(top, #049ad5 0%,#0f3c78 100%)!important;;
            background: linear-gradient(to bottom, #049ad5 0%,#0f3c78 100%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049ad5', endColorstr='#0f3c78',GradientType=0 )!important;;
        }
        .bz-thankyou-page.bz-landing-page  .subpage-hero:after {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002c57+0,002c57+100&1+16,0+100 */
            background: transparent;
            filter: 0;
    
        }
        .bz-thankyou-page .body-container-wrapper {
            position: relative;
            z-index: 5;
        	background: #fff;
        }
    }

/*
//////////////////////////////////////////////////////////////////////////////
//
// Case Study Pages
//
//////////////////////////////////////////////////////////////////////////////
*/
    .mia-case-study .post-body {
        margin-top: 2em;
    }
    
    
    /* Case Study List Page
    //////////////////////////////////////////////////////////////////////////////
    */
    .mia-case-study-listing {
        margin-top: 2em;
    }
    .mia-case-study-item {
        padding: .5em;
        margin: 0 0 1em 0;
        width:33%;
        float: left;
    }
    @media screen and (max-width: 768px) {
        .mia-case-study-item {
            padding: .2em;
            margin: 0 0 1em 0;
            width:50%;
            float: left;
        }
        .mia-case-study-head {
            min-height: 200px !important;
        }
    }
    .mia-case-study-head {
        display: block;
        background: #fff;
        padding: 2em;
        position: relative;
        bottom: 0;
        top: 0;
        min-height: 300px;
    }
    .case-study-featured-image a {
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 2em;
        right: 2em;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }
    .mia-case-study-item-title-container {
        padding: 2em;
        text-align: center;
        font-size: 18px;
    }

    /* Case Study Post Page
    //////////////////////////////////////////////////////////////////////////////
    */
    .mia-case-study .featuredImage {
        margin-bottom: 1em;
        display: block;
    }
    .mia-case-study .case-study-post-header {
        padding: 2em;
        text-align: center;
        margin: 0;
    }
    .mia-case-study .case-study-post-body {
        padding: 2em;
        margin: 0;
    }
    .case-study-testimony {
        padding:  2em;
        background: #ddd;
    }
    .case-study-testimony .profile-image > span{
        background: #fff;
        height: 150px;
        width: 150px;
        display: block;
        border-radius: 500px;
        overflow: hidden;
        position: relative;
    }
    .case-study-testimony .profile-text {
        font-size: 18px;
        font-family: georgia;
        font-style: italic;
    }

    @media screen and (max-width: 768px) {
        .mia-case-study .gallery {
            display: none;
        }    
    }
    
    /* Case Study 2
    ***************************************/
    .circle-result{
        width: 160px !important;
        height: 160px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 40px;
        padding: 58px 0 0 0;
        float: none !important;
        margin: 0 auto !important;
    }
    .circle-result-big{
        width: 110px !important;
        height: 110px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        font-weight: 300;
        font-size: 30px;
        padding: 39px 0 0 0;
        float: left !important;
        margin: 0 auto !important;
        margin-bottom: 5px !important;
    }
        .circ1{  background: #179FDA;  }
        .circ2{  background: #002a5c;  }
        .circ3{  background: #9b9b9b;  }
        .circ4{  background: #ff6600;  }
    .case-issues{
        
    }
    .result-label{
        padding: 35px 0 0 0;
        font-size: 1.3em;
        text-align: center;
    }
        .case-issues h1,
        .case-issues h2,
        .case-issues h3,
        .case-issues h4,
        .case-issues h5,
        .case-issues h6{
            margin: 1.5em 0 .25em;
        }
        
    .client-logo {
        padding: 2em;
    }
    .preview-image {
        max-width: 999%!important;
    }
    .block.case-study-post-header  {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
        padding: 0;
    }
    .chadBlock /* don't use the class block because husbpot uses it randomly and Olivia makes me fix her bluleadz pages */ {
        padding: 13em 2em 6em;
    }
    .case-study-samples {
        position: relative;
        height: 395px;
    }
    .desktop.iframe-sample {
        position:  absolute;
        bottom: 0;
        left:  0%;
        z-index: 1;
    }
    .tablet.iframe-sample {
        position:  absolute;
        bottom: 0;
        left:  60%;
        z-index: 2;
    }
    
    .phone.iframe-sample {
        position:  absolute;
        bottom: -10px;
        left:  84%;
        z-index: 2;
    }
    
    @media screen and (max-width: 768px) {
        .mia-case-study .case-study-post-header {
            padding: 0;
        }
        .desktop.iframe-sample {
            position: relative;
            left: auto;
        }
        .desktop.iframe-sample > .imac-hold {
            margin: auto;
        }
        .tablet.iframe-sample {
            left:  0%;
        }
        
        .phone.iframe-sample {
            left:  auto;
            right: 0;

        }
    }
    @media screen and (max-width: 530px) {
        .case-study-samples {
            height: 250px;
        }
        .desktop.iframe-sample {
            display: none;
        }
        .tablet.iframe-sample {
            left:  20%;
        }
        .phone.iframe-sample {
            left:  55%;
            right: auto;

        }
    }



/*
//////////////////////////////////////////////////////////////////////////////
//
// Infographic Landing Page
//
//////////////////////////////////////////////////////////////////////////////
*/

.bz-landing-page  .subpage-hero:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 100%;
	background: -moz-linear-gradient(left, rgba(0,44,87,1) 0%, rgba(0,44,87,1) 16%, rgba(0,44,87,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,44,87,1) 0%,rgba(0,44,87,1) 16%,rgba(0,44,87,0) 100%);
	background: linear-gradient(to right, rgba(0,44,87,1) 0%,rgba(0,44,87,1) 16%,rgba(0,44,87,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c57', endColorstr='#00002c57',GradientType=1 );
}
.bz-landing-page .subpage-hero-title-container {
	margin: 0 auto;
}
.bz-landing-page .subpage-hero-title h1.border-bottom:after, 
.bz-landing-page  .subpage-hero-title h3.border-bottom:after {
	margin: 0 auto;
}
.bz-landing-page .infographic-intro img,
.bz-landing-page .infographic-intro .wistia_responsive_padding {
	margin-top: -2em;
	box-shadow: 0 -14px 15px -5px rgba(0,0,0,0.38);
}

    
/*///////////// - Overwrite----//////////////////*/

/* Hubspot COS No Gutter Grid --- overwrites hubspots default gutters into oblivion!!! 
**************************************************/
.no-gutter > .row-fluid-wrapper > .row-fluid > .span1 {
    margin-left: 0;
    width: 8.333333%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span2 {
    margin-left: 0;
    width: 16.666666%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span3 {
    margin-left: 0;
    width: 25%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span4 {
    margin-left: 0;
    width: 33.333333%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span5 {
    margin-left: 0;
    width: 41.666666%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span6 {
    margin-left: 0;
    width: 50%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span7 {
    margin-left: 0;
    width: 58.333333%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span8 {
    margin-left: 0;
    width: 66.666666%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span9 {
    margin-left: 0;
    width: 75%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span10 {
    margin-left: 0;
    width: 83.333333%;
}
.no-gutter > .row-fluid-wrapper > .row-fluid > .span12 {
    margin-left: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .no-gutter > .row-fluid-wrapper > .row-fluid > [class*="span"] {
    	width: auto;
	}
}