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

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

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

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

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

/* Videos */

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

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

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

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

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

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

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

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

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

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

/* Forms */

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

/* Menus */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Space Module */

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

/* Blog Author Section */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

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

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

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

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

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

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


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

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

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

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




/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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




/*****************************************/
/* Start your style declarations here    */
/*****************************************/


@font-face {
    font-family: 'OpenSans-Regular';
    src:  url('//cdn2.hubspot.net/hub/190063/file-448942866-ttf/Website_2014/fonts/OpenSans-Regular.ttf'),
    url('//cdn2.hubspot.net/hub/190063/file-445266874-woff/Website_2014/fonts/OpenSans-Regular.woff');
    font-weight: normal;
}



/** 
 * Transition
 * 
 *  
 */




/** 
 * Transform
 *
 *  
 */





/* Teal: #3ec0be
   Yellow: #febe2a
   Blue: #2077ae
   Dark Grey: #363537 */

.background {margin: 0px;}

h1 {font-family: 'Roboto Slab'; font-size: 40px; font-weight: 300; }
h2 {font-family: 'Roboto Slab'; font-size: 30px; font-weight: 400; margin: 10px 0px; line-height: 1.4em;}

@media (max-width: 818px) { h1 {font-size: 35px!important;}}

body {margin: 0px!important;}

h3 {font-family: 'Roboto Slab';  font-size: 20px; color: #3ec0be; margin: 0px; font-weight: 400; line-height: 1.3em; text-align: left; text-decoration: none;}

h4 {font-family: 'Open Sans'; font-size: 17px; color: white; margin: 0px; font-weight: 400; line-height: 1.7em; }



h5 {font-family: 'Open Sans'; font-size: 12px; color: white; margin: 0px; font-weight: 400; line-height: 1.7em;}
h6 {font-family: 'Open Sans'; font-size: 14px; color: #363537; margin: 0px; font-weight: 600; line-height: 2.5em; margin-top:5px;}

h5 a:link {color: white; text-decoration: none; }
h6 a:link {color: #363537; text-decoration: none; }

h5 a:hover {text-decoration: underline;}
h6 a:hover {text-decoration: underline;}

h5 a:visited {color: white; }
h6 a:visited {color: #363537;}
#powerTip { font-family: "Open Sans" !important; font-weight:600; }

p {
    font-family: 'Open Sans';
    font-size: 17.5px;
    line-height: 1.6em;
    color: #414141;
    text-align: left;
    font-weight: normal;
}

ol, ul { font-size: 17.5px; color: #414141;}

/* HEADER */


.header-logo { position: relative;}
.header-logo a {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 9999;
 margin-right: 15px!important;  width: 75%important;
}


iframe#CRCFRame_crcrc {height: 600px!important;}


    .widthcontainerfeature { max-width: 1100px;
    width: 90%!important;
    margin: 0px auto 0px auto!important;
    float: none!important;
    display: block!important;
     background-image: url('https://cdn2.hubspot.net/hubfs/190063/images/website-assessment.png');
    background-repeat: no-repeat;
    background-position: 100% 100%!important; 
    }
    
   
   .headerbg {border-top: 5px solid #febe2a; z-index: -1000; height: 100px; }

   
   
    .widthcontainer { max-width: 1100px;
    width: 90%!important;
    margin: 0px auto 0px auto!important;
    float: none!important;
    display: block!important}
    
    
        .widthcontainerheader { max-width: 1200px;
    width: 90%!important;
    margin: 0px auto 0px auto!important;
    float: none!important;
    display: block!important}
    
    
.headerconsultctabkgnd {text-align: center; width: 18%!important; float: right!important; margin-top: 3px;}

.headerconsultcta p {font-family: 'Roboto Slab'; font-weight: 300; font-size: 15px; color: white; padding: 10px!important; border-radius: 5px; background-color: #20aeab;  margin: 15px 0px 0px 0px; -webkit-transition: all 500ms;
  -moz-transition: all 700ms;
  -o-transition: all 700ms;
  transition: all 700ms;
  text-align: center!important;
  line-height: 1.3em;}
  .robo-par {max-width: 808px; margin: 0 auto;}

  
  
  @media (max-width: 1032px) {.headerconsultcta  {display: none!important;}}

 


.headerconsultcta p:hover {background-color: #25c5c2;}

/* NAVIGATION */

.custom-menu-primary {
      font-family: 'Open Sans'!important;
     font-weight: 600!important;
     padding-top: 30px!important;
     margin-left: 0px!important;
     text-align: right;
     
    }

.custom-menu-primary li {font-size: 15px!important; line-height: .8em!important;}

.custom-menu-primary a:link {color: #585759!important}

.custom-menu-primary a:visited {color: #585759!important}

.custom-menu-primary a:hover {text-decoration: underline; color: #000000!important}



.hs-menu-children-wrapper a:link {
    background-color: white;
    border-radius: 0px !important;
    color: #9bc86e;
}

 .hs-menu-children-wrapper a:hover {
    color: #fc9602!;
}


.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {max-with: inherit!important; width: 100%!important; padding: 15px 0px 15px 0px!important; 
color: #585759!important; font-size: 14px!important; }


.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {color: #000000!important}


.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {text-align: left;  -webkit-box-shadow: 0px 4px 4px #888888;
    -moz-box-shadow:    0px 4px 4px #888888;
    box-shadow:         0px 4px 4px #888888;  padding: 0px 15px!important; background-color: white!important;  border-top: 5px solid #3ec0be; }


.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {overflow: visible!important; max-width: none!important; padding: 10px 10px 43px 10px!important }

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {width: 125%;}

  @media (max-width: 940px) {.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {width: 100%!important;}}


/* HERO SECTION */

.herobg {
background: url(https://cdn2.hubspot.net/hubfs/190063/Spot_On_2015_HP/growinghero_small.jpg) center center no-repeat;
background-size: cover;
background-attachment: fixed;
top: 0px;
z-index: -99999;
}


.heroheader {font-family: 'Roboto Slab'; font-size: 60px; color: #363537; text-align: center; margin-top: 80px; font-weight: 300;}

.heroheader2 { font-family: 'Roboto Slab'; font-size: 60px; line-height:75px; color: #363537; text-align: center; margin-top: 85px; padding: 0 250px!important; font-weight: 300; }

@media (max-width:654px) {.heroheader {font-size: 45px;}}
@media (max-width:494px) {.heroheader {font-size: 35px;}}

@media (max-width:1193px) {.heroheader2 {padding:0 200px!important;}}
@media (max-width:1082px) {.heroheader2 {padding:0 150px!important;}}
@media (max-width:971px) {.heroheader2 {padding:0 100px!important;}}
@media (max-width:860px) {.heroheader2 {padding:0 40px!important;}}
@media (max-width:726px) {.heroheader2 {padding:0 20px!important;}}
@media (max-width:682px) {.heroheader2 {padding:0 10px!important;}}
@media (max-width:654px) {.heroheader2 {font-size: 45px; line-height:52px;}}
@media (max-width:494px) {.heroheader2 {font-size: 35px; line-height:45px;}}


.heroctacontainer {text-align: center; margin-top: 50px; margin-bottom: 300px; }

/*.herocta {color: #4c4c4c; border: 3px solid #4c4c4c; border-radius: 10px; width: 20%; font-family: 'Open Sans'; font-weight: 700; padding: 15px 15px; font-size: 22px;}*/

.herocta
{
  text-transform: uppercase;
  text-align: center;
  color: #363537!important;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  margin: 5em auto;
  padding: 15px;
  border: 3px solid #363537;
  border-radius: 9px;
  overflow: hidden;
  
  transition: all 0.5s;
}

.herocta:hover, .herocta:active 
{
  text-decoration: none;
  color: #ffffff!important;
  border-color: #363537;
  background: #363537;
}

.herocta span 
{
  display: inline-block;
  position: relative;
  padding-right: 0;
  
  transition: padding-right 0.5s;
}

.herocta span:after 
{
  content: ' ';  
  position: absolute;
  top: 0;
  right: -18px;
  opacity: 0;
  width: 10px;
  height: 10px;
  margin-top: -10px;

  background: rgba(0, 0, 0, 0);
  border: 3px solid #FFF;
  border-top: none;
  border-right: none;

  transition: opacity 0.5s, top 0.5s, right 0.5s;
  transform: rotate(-45deg);
}

.herocta:hover span, .herocta:active span 
{
  padding-right: 30px;
}

.herocta:hover span:after, .herocta:active span:after 
{
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  opacity: 1;
  border-color: #ffffff;
  right: 0;
  top: 50%;
}

/*2 Home CTAs*/

.heroctacontainer2 {text-align: center; margin-top: 50px; margin-bottom: 300px; padding-left: 200px; padding-right: 200px; }

@media (max-width:1204px) {.heroctacontainer2 {padding-left:150px; padding-right:150px; } }
@media (max-width:1098px) {.heroctacontainer2 {padding-left:100px; padding-right:100px; } }
@media (max-width:987px) {.heroctacontainer2 {padding-left:50px; padding-right:50px; } }
@media (max-width:876px) {.heroctacontainer2 {padding-left:20px; padding-right:20px; } }
@media (max-width:809px) {.heroctacontainer2 {padding-left:0px; padding-right:0px; } }

@media (max-width:767px) {.herocta2 {margin-top: -14px!important; margin-bottom: 25px!important; display: block; } }

/*.herocta2 {color: #4c4c4c; border: 3px solid #4c4c4c; border-radius: 10px; width: 20%; font-family: 'Open Sans'; font-weight: 700; padding: 15px 15px; font-size: 22px;}*/

.herocta2
{
  text-transform: uppercase;
  text-align: center;
  color: #363537!important;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  margin: 5em auto;
  padding: 15px;
  border: 3px solid #363537;
  border-radius: 9px;
  overflow: hidden;
  
  transition: all 0.5s;
}

.herocta2:hover, .herocta:active 
{
  text-decoration: none;
  color: #ffffff!important;
  border-color: #363537;
  background: #363537;
}

.herocta2 span 
{
  display: inline-block;
  position: relative;
  padding-right: 0;
  
  transition: padding-right 0.5s;
}

.herocta2 span:after 
{
  content: ' ';  
  position: absolute;
  top: 0;
  right: -18px;
  opacity: 0;
  width: 10px;
  height: 10px;
  margin-top: -10px;

  background: rgba(0, 0, 0, 0);
  border: 3px solid #FFF;
  border-top: none;
  border-right: none;

  transition: opacity 0.5s, top 0.5s, right 0.5s;
  transform: rotate(-45deg);
}

.herocta2:hover span, .herocta:active span 
{
  padding-right: 30px;
}

.herocta2:hover span:after, .herocta:active span:after 
{
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  opacity: 1;
  border-color: #ffffff;
  right: 0;
  top: 50%;
}

@media (max-width:767px) {.herocta3 {margin-top: -14px!important; margin-bottom: 25px!important; display: block; } }

/*.herocta3 {color: #4c4c4c; border: 3px solid #4c4c4c; border-radius: 10px; width: 20%; font-family: 'Open Sans'; font-weight: 700; padding: 15px 15px; font-size: 22px;}*/

.herocta3
{
  text-transform: uppercase;
  background:#363537;
  text-align: center;
  color: #ffffff!important;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin: 5em auto;
  padding: 15px;
  border: 3px solid #363537;
  border-radius: 9px;
  overflow: hidden;
  
  transition: all 0.5s;
}

.herocta3:hover, .herocta:active 
{
  text-decoration: none;
  color: #363537!important;
  border-color: #363537;
  background:none!important;
}

.herocta3 span 
{
  display: inline-block;
  position: relative;
  padding-right: 0;
  
  transition: padding-right 0.5s;
}

.herocta3 span:after 
{
  content: ' ';  
  position: absolute;
  top: 0;
  right: -18px;
  opacity: 0;
  width: 10px;
  height: 10px;
  margin-top: -10px;

  background: rgba(0, 0, 0, 0);
  border: 3px solid #363537;
  border-top: none;
  border-right: none;

  transition: opacity 0.5s, top 0.5s, right 0.5s;
  transform: rotate(-45deg);
}

.herocta3:hover span, .herocta:active span 
{
  padding-right: 30px;
}

.herocta3:hover span:after, .herocta:active span:after 
{
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  opacity: 1;
  border-color: #363537;
  right: 0;
  top: 50%;
}

/* ABOUT SECTION */

.homeabbkgnd {background-color: #f4f4f4; border-bottom: 1px solid #e1e1e1; padding: 60px 0px;}

.homeabcopy {font-family: 'Open Sans'; font-size: 23px; color: #363537; text-align: center;}


/* PERSONA SECTION */

.personabkgnd {margin: 50px 0px 70px 0px; }

.personaicon img {width: 61px; height: 61px; }

.personaicon2 img {width: 61px; height: 61px; }

.personacopy h3 { font-family: 'Open Sans'!important; font-size:18px!important; margin-bottom:10px; color:#363537!important; line-height:1.5em!important;}

@media (max-width:767px) {.personaicon {display: inline!important; text-align: center!important;} .personaicon2 {display: inline!important; text-align: center!important; } .personaicon2 img { margin-top:30px!important; } .personacopy h2 {text-align: center!important;} .personacopy h3 {text-align: center!important;} .personacopy {text-align: center!important;} .saashp img {margin-top: 40px;}}


.personaicon div.span3.widget-span.widget-type-linked_image   {display: block!important; text-align: center!important;}

/* Health Learn More CTA*/

.healthlearnmorecta {font-family: 'Open Sans'; color: #1cbdb9!important; font-size: 16px!important; font-weight: 600;
border: 2px solid #3ec0be;
border-radius: 5px;
margin-top: 10px!important;
margin-bottom: 0px!important;
padding: 12px 0px;
width: 60%;
text-align: center!important; text-transform: uppercase!important;  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;}

.healthlearnmorecta {margin: 0px!important;
}


.healthlearnmorecta:hover {background-color: #3ec0be; border: 2px solid #3ec0be;  color: white!important; }

@media (max-width:1100px) {.healthlearnmorecta {width: 100%!important;}}



/* Med-Tech Learn More CTA*/

.techlearnmorecta {font-family: 'Open Sans'; color: #2077ae; font-size: 16px!important; font-weight: 600;
border: 2px solid #2077ae;
border-radius: 5px;
margin-top: 10px!important;
padding: 12px 0px;
width: 60%;
text-align: center!important; text-transform: uppercase!important;  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;}

.techlearnmorecta {margin: 0px!important;
}

.techlearnmorecta:hover {background-color: #2077ae; border: 2px solid #2077ae;  color: white; }

@media (max-width:1100px) {.techlearnmorecta {width: 100%!important;}}
@media (max-width:767px) {.techlearnmorecta {text-align: center;}}


/* Saas Learn More CTA*/

.saaslearnmorecta {font-family: 'Open Sans'; color: #febe2a!important; font-size: 16px!important; font-weight: 600;
border: 2px solid #febe2a;
border-radius: 5px;
margin-top: 10px!important;
padding: 12px 0px;
width: 60%!important;
text-align: center!important; text-transform: uppercase!important;  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;}

.saaslearnmorecta {margin: 0px!important;
}

.saaslearnmorecta:hover {background-color: #febe2a; border: 2px solid #febe2a;  color: white!important; }

@media (max-width:1100px) {.saaslearnmorecta {width: 100%!important;}}


/* Case Study Section */

.csbkgnd {background-color: #33cccc; padding: 60px 0px;}
.csbox {background-color: white; border-radius: 5px; box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.14);
margin: 0 auto!important; text-align: center!important; float: none!important; -webkit-box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.14);
    -o-box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.14);
    -ms-box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.14); max-height: 390px; max-width: 1010px;}
.cs-header {font-weight: 300!important; padding-bottom: 50px; color: white; font-family:'Roboto Slab', Arial, Helvetica, sans-serif; font-size:30px; line-height:40px; text-align: center; width: 80%!important; margin: 0 auto!important; float: none!important;}
.cs-right {text-align: center; padding: 50px 40px; margin-left: 0px!important;}
.cs-copy {padding: 30px 0px 20px;}
.cs-copy h2 {font-size: 70px!important; color: #333333!important;}
.cs-copy h3 {font-family: 'Open Sans'!important; font-size: 20px!important; line-height: 28px!important; font-weight: normal!important; color: #333333!important; text-align: center!important;}
.cs-pic {padding: 30px 0px 0px 50px;}
.temp-link {border-radius: 5px!important; padding: 15px 35px 15px 15px!important;}
.desk-hide {display: none!important;}

@media (max-width: 1100px) {.csbox {max-height: 370px;}}
@media (max-width: 1050px) {.csbox {max-height: 350px;} .cs-copy h3 {font-size: 18px!important; line-height: 25px!important;} .cs-right {padding: 40px 30px;}}
@media (max-width: 992px) {.cs-pic {display: none!important;} .cs-header {font-size: 28px; line-height: 38px ;}.desk-hide {display: inherit!important;} .cs-right {width: 100%!important;} .cs-mobile {margin-top: 30px; } .csbox {max-height: 630px; max-width: 600px;}}
@media (max-width: 767px) {.cs-header {font-size: 25px!important; line-height: 36px!important; width: 100%!important;}}
@media (max-width: 500px){.cs-copy h2 {font-size: 58px!important;} .cs-header {font-size: 22px!important; line-height: 29px!important; padding-bottom: 20px; }.csbkgnd {padding: 40px 0px;}}


/* INBOUND SECTION */

.inboundbg {
background: url(https://cdn2.hubspot.net/hub/190063/file-2422205152-jpg/Spot_On_2015_HP/inboundbackground.jpg) center center no-repeat;
background-size: cover;
background-attachment: fixed;
-webkit-box-shadow: inset 0px 3px 5px 0px rgba(94,94,94,0.53);
-moz-box-shadow: inset 0px 3px 5px 0px rgba(94,94,94,0.53);
box-shadow: inset 0px 3px 5px 0px rgba(94,94,94,0.53);}

.inboundheader {font-family: 'Roboto Slab'; font-size: 50px; color: white; text-align: center; margin-top: 50px; font-weight: 300;}

.inboundcopy {margin-bottom:20px; text-align: center; }

.inboundcopy h4 {
    font-family: 'Open Sans'!important;
    font-size: 17px!important;
    color: white!important;
    margin: 0px!important;
    font-weight: 400!important;
    line-height: 1.7em!important;
}

.inboundchart { 
    position:relative;
  height: 281px;
  width: 450px;
  margin: 0 auto;}

.inboundchart img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.inboundchart img.top:hover {
  opacity:0;
}


@media (max-width:1200px) {.inboundchart {height: 235px;important;} .hpinboundctas {margin-top: 30px;}}

@media (max-width:955px) {.inboundchart {display: none!important;} .inboundcopy {margin-bottom: 50px!important;} .inboundctabkgnd{margin-bottom: 75px!important;} .inboundctabkgnd2{margin-bottom: 75px!important;}}

.inboundctabkgnd {text-align: center; margin-bottom: 100px!important;}

.inboundctabkgnd2 {text-align: right; margin-bottom: 100px!important;}

.hpresources {float: left;}


@media (max-width:767px) {.inboundctabkgnd2 {text-align: center!important; margin-bottom: 50px!important;}

.hpresources {float: none!important; text-align: center!important;  margin-bottom: 100px!important;} .hpinboundctas {margin-top: 0px!important;}}


.hpresourcescta {font-family: 'Open Sans'; color: white!important; font-size: 16px!important; font-weight: 600;
border: 2px solid white;
border-radius: 5px;
margin-top: 10px!important;
padding: 12px 20px;
width: 60%!important;
text-align: center!important; text-transform: uppercase!important;  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;}
  
  .hpresourcescta {margin: 0px!important;}

.hpresourcescta:hover {background-color: white; border: 2px solid white;  color: #363537!important; }


.inboundlearnmorecta {font-family: 'Open Sans'; color: white!important; font-size: 16px!important; font-weight: 600;
border: 2px solid white;
border-radius: 5px;
margin-top: 10px!important;
padding: 12px 20px;
width: 60%!important;
text-align: center!important; text-transform: uppercase!important;  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;}

.inboundlearnmorecta {margin: 0px!important;
}

.inboundlearnmorecta:hover {background-color: white; border: 2px solid white;  color: #363537!important ; }

@media (max-width:767px) {.inboundheader {margin-top: 80px} }



/* TESTIMONIAL SECTION */

.testbkgnd {margin-bottom: 30px;}

.buzzheader {font-family: 'Roboto Slab'; font-size: 50px; color: white; text-align: center; margin: 50px 0 20px 0px; font-weight: 300;}

.testimonialcolors {

    margin-bottom:50px;

}



.testimonialtext {     
     padding-right:20px;
     padding-left:20px;}
     
.testimonialtext h4 {
    font-family: 'Open Sans'!important;
    font-size: 17px!important;
    margin: 0px!important;
    font-weight: 400!important;
    line-height: 1.7em!important;
}
     
.headimages {text-align:center;
margin-bottom:10px;}

/* FEATURED RESOURCE SECTION */

.widthcontainerfrtext {max-width: 1100px;
    width: 100%!important;
    margin: 0px auto 0px auto!important;
    float: none!important;
    display: block!important}

.featurebackground { background: url(https://cdn2.hubspot.net/hub/190063/file-2421796451-jpg/Spot_On_2015_HP/justwood.jpg);
background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed
-webkit-box-shadow: inset 0px 3px 5px 0px rgba(94,94,94,0.53);
-moz-box-shadow: inset 0px 3px 5px 0px rgba(94,94,94,0.53);
box-shadow: inset 0px 3px 5px 0px rgba(94,94,94,0.53);
;}



.ipadimage img { position: relative; bottom:-52px; width:100%;}


@media (max-width:1192px) {
    .ipadimage img { position: relative; bottom:-152px; width:100%;}}

@media (max-width:1192px) {
    .ipadimage img { position: relative; bottom:-152px; width:100%;}}

@media (max-width:1059px) {
    .ipadimage img { position: relative; bottom:-154px; width:100%;}
    .featuretxt {padding-left:30px;}
    
    }

@media (max-width:1052px) {
    .ipadimage img { position: relative; bottom:-156px; width:100%;}
    .featuretxt {padding-left:30px;}
    
    }

    .ipadb { 
     background-image: url('https://cdn2.hubspot.net/hub/190063/file-2423698985-png/Spot_On_2015_HP/ipad.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    right: 0px;}
    
    
/*.ipad {background-image: url(//cdn2.hubspot.net/hub/190063/file-2423698985-png/Spot_On_2015_HP/ipad.png); background-repeat: no-repeat;  background-attachment: fixed;}
*/

/*.featurebackground {
background: url(//cdn2.hubspot.net/hub/190063/file-2424957814-jpg/Spot_On_2015_HP/woodandipad.jpg);
 background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed
        background-position: left top;
-webkit-box-shadow: inset 0px 3px 5px 0px rgba(94,94,94,0.53);
-moz-box-shadow: inset 0px 3px 5px 0px rgba(94,94,94,0.53);
box-shadow: inset 0px 3px 5px 0px rgba(94,94,94,0.53);}*/

.frbutton {margin: 0px!important;
font-family: 'Open Sans'; color: white!important; font-size: 16px!important; font-weight: 600;
border: 2px solid white;
border-radius: 5px;
margin-top: 10px!important;
padding: 12px 20px;
text-align: center!important; text-transform: uppercase!important;  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;}

.frbutton:hover {background-color: white; border: 2px solid white;  color: #363537!important; }

.learnmorefeature {margin-bottom:90px;}


.featuretxt h4 {color: white;}

.featuretxt {}

.featuretxt li {color: #febe2a}



.featuretxt2 {margin-bottom: 30px; width: 50%!important;}
.featuretxt2 h4 {color: white!important; font-family: 'Open Sans'!important;
    font-size: 17px!important;
    margin: 0px!important;
    font-weight: 400!important;
    line-height: 1.7em!important;}
.featuretxt2 li {color: #febe2a}

@media (max-width:1020px) {.featuretxt2 { width: 100%!important; text-align: center;}


  .widthcontainerfeature { max-width: 1100px;
    width: 90%!important;
    height: 725px;
    margin: 0px auto 0px auto!important;
    background-position: 50% 100%!important; 
  }
    .learnmorefeature {text-align: center!important; margin-bottom: 30px;}
}
    
@media (max-width:600px) {  .widthcontainerfeature {background-size: 400px; height: 675px;}}
@media (max-width:500px) {  .widthcontainerfeature {background-size: 350px;}}


/*@media (max-width:1192px) { .featurebackground {height: 500px;} .ipad {height: 500px;}}
@media (max-width:950px) { .featuretxt h1 {margin-top: 20px;}}
@media (max-width:767px) {.featurebackground {height:658px;} .ipad {height: 342px; width: 425px!important;}}
@media (max-width:630px) { .ipad {width: 400px!important; height: 322px;} .featurebackground {height:638px;}}
@media (max-width:605px) { .ipad {width: 350px!important; height: 287px;} .featurebackground {height:603px;}}
@media (max-width:576px) { .ipad {height: 295px;} .featurebackground {height:639px;}}
@media (max-width:555px) { .ipad {width: 325px!important; height: 275px;} .featurebackground {height:619px;}}
@media (max-width:515px) { .ipad {width: 275px!important; height: 220px;} .featurebackground {height:564px;}}
@media (max-width:465px) { .ipad {width: 250px!important;}}
@media (max-width:454px) { .featurebackground {height:592px;}}
@media (max-width:435px) { .ipad {width: 225px!important;}}
@media (max-width:415px) { .ipad {width: 205px!important; height: 180px;} .featurebackground {height:552px;}*/



/* AWARD SECTION */

@media (max-width: 1063px) {.spacerawardhome {display: none!important; width: 0%!important;} .awardheader {width: 100%!important; text-align: center!important;} .awardimage {margin-top:0px!important}}
@media (max-width: 767px) {.awardimage {text-align: center!important;} .viewportcta {width: 40%!important; float: right!important;} .patrick {width: 40%!important; float: left!important;}}
@media (max-width: 630px) {.viewportcta {float: none!important; text-align: center!important; width: 100%!important; margin-top: 20px} .patrick h4 {text-align:center!important;} .patrick {float: none!important; width: 100%!important;}}

.awardcta {}

.awardbg {background-color:#363537; padding-bottom: 30px;}

.awardheader {text-align:left}
.awardimage {margin-top:-50px}
@media (max-width:991px) {.awardimage {margin-top:0px}}
.badgenarrow {margin-top:-65px;}

.cosaward {margin-top:60px;
margin-bottom:40px;
margin-left:30px;}

/*.awardheader {margin-left:-60px}*/

.portfoliocta {font-family: 'Open Sans'; color: white; font-size: 16px!important; font-weight: 600;
border: 2px solid white;
border-radius: 5px;
margin-top: 10px!important;
padding: 12px 20px;
width: 60%!important;
text-align: center!important; text-transform: uppercase!important;  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;}

.portfoliocta {margin: 0px!important;}

.portfoliocta:hover {background-color: white; border: 2px solid white;  color: #363537; }

.viewportcta {text-align: right; margin-bottom: 70px;}
.patrick {text-align: left; }
.patrick h4 {margin-left: 25px;}



/* FOOTER */

.footerbg {
    background-color:#3ec0be;
    border-top:2px white solid;
    padding-bottom:30px;}

.footerlogo {position:center;
margin-top:-70px;}

.footerform h3 {color: white; background-color: transparent!important; font-size: 20px; text-align: left;}

.footerform {margin-bottom: 20px; }

.footerform div.hs_email.field.hs-form-field label {display: none; }

.footerform input {border-radius: 5px 0px 0px 5px!important; font-family: 'Open Sans'; font-size: 15px; padding: 11px 8px; border: 1px solid white!important; background-color: #75c8c6;}

.footerform input.hs-input {color: #363537!important;}

.footerform input.hs-button.primary.large {background-color: #363537; padding: 11px 20px; color: white; text-transform: uppercase; border-radius: 0px 5px 5px 0px!important; border-left: 0px!important;}

.footerform div.actions {display: inline!important;}

.footerform div.hs_email.field.hs-form-field {float: left; width: 76.8%}

.copyright2 h4 {font-size: 14px; font-weight: normal;}

a.fm_button.fm_linkedin { display: block; text-decoration: none;}

a.fm_button.fm_linkedin span {background-image: url(https://cdn2.hubspot.net/hub/190063/file-2422762471-png/Spot_On_2015_HP/linkedinicon.png)!important; width:21px!important; height:22px!important;}

a.fm_button.fm_linkedin:after {content: "LinkedIn"; font-family: 'Open Sans'; font-size: 12px; color: white; margin: 0px; font-weight: 400; line-height: 1.7em; text-decoration: none!important; margin: -24px 0px 5px 25px; display: block;}

a.fm_button.fm_facebook {display: block;text-decoration: none;}

a.fm_button.fm_facebook span {background-image: url(https://cdn2.hubspot.net/hub/190063/file-2422757451-png/Spot_On_2015_HP/facebookicon.png)!important; width:21px!important; height:22px!important;}

a.fm_button.fm_facebook:after {content: "Facebook"; font-family: 'Open Sans'; font-size: 12px; color: white; margin: 0px; font-weight: 400; line-height: 1.7em; text-decoration: none!important; margin: -24px 0px 5px 25px; display: block;}


a.fm_button.fm_googleplus {display: block; text-decoration: none;}

a.fm_button.fm_googleplus span {background-image: url(https://cdn2.hubspot.net/hub/190063/file-2422757456-png/Spot_On_2015_HP/g+icon.png)!important; width:23px!important; height:19px!important;}

a.fm_button.fm_googleplus:after {content: "Google+"; font-family: 'Open Sans'; font-size: 12px; color: white; margin: 0px; font-weight: 400; line-height: 1.7em; text-decoration: none!important; margin: -24px 0px 5px 25px; display: block;}


a.fm_button.fm_twitter {display: block; text-decoration: none;}

a.fm_button.fm_twitter span {background-image: url(https://cdn2.hubspot.net/hub/190063/file-2424705885-png/Spot_On_2015_HP/twittericon.png)!important; width:21px!important; height:22px!important; }


a.fm_button.fm_twitter:after {content: "Twitter"; font-family: 'Open Sans'; font-size: 12px; color: white; margin: 0px; font-weight: 400; line-height: 1.7em; text-decoration: none!important; margin: -24px 0px 5px 25px; display: block;}


a.fm_button.fm_rss {display: block; text-decoration: none;}

a.fm_button.fm_rss span {background-image: url(https://cdn2.hubspot.net/hub/190063/file-2565656686-png/Spot_On_2015_HP/rssicon.png)!important; width:21px!important; height:22px!important; }

a.fm_button.fm_rss:after {content: "Blog"; font-family: 'Open Sans'; font-size: 12px; color: white; margin: 0px; font-weight: 400; line-height: 1.7em; text-decoration: none!important; margin: -24px 0px 5px 25px; display: block;}


@media (max-width: 767px){.footerfollow  {text-align: center!important; margin-top: -20px;} a.fm_button.fm_rss:after {content: none;}  a.fm_button.fm_linkedin:after {content: none;} a.fm_button.fm_facebook:after {content: none;} a.fm_button.fm_googleplus:after {content: none;} a.fm_button.fm_twitter:after {content: none;}
a.fm_button.fm_linkedin { display: inline;} a.fm_button.fm_facebook {display: inline;}  a.fm_button.fm_googleplus {display: inline;}  a.fm_button.fm_twitter {display: inline; margin-right: 2px;} a.fm_button.fm_rss {display: inline;}}

@media (max-width: 1224px){.footerform div.hs_email.field.hs-form-field {width: 70% }}

@media (max-width: 959px){.footerform div.hs_email.field.hs-form-field {width: 65% }}

/*@media (max-width: 875px){.copyright h4 {text-size: 60% }}*/

@media (max-width: 830px){.footerform div.hs_email.field.hs-form-field {width: 60% }}
@media (max-width: 767px){.footerform div.hs_email.field.hs-form-field {width: 80% } .footernavigation {text-align: center!important;} .footerlogo {text-align: center!important;}}
    @media (max-width: 590px){.footerform div.hs_email.field.hs-form-field {width: 70% }}
    
    
    
/*div.span6.widget-span.widget-type-cell {width: 30%!important;} */

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


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

@media (min-width: 941px){

  a.mobile-trigger, a.child-trigger {
      display: none !important; /* Hide button on Desktop */
  }
  
    /*Fix mainnav menu visibility when coming back from mobile*/
    .custom-menu-primary.js-enabled .hs-menu-flow-horizontal,
    .custom-menu-primary.js-enabled .hs-menu-children-wrapper {
        display: block !important;
    }
}

@media (max-width: 940px){

.headerconsultctabkgnd {display: none!important;}

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

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


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

    .custom-menu-primary a:link {color: #ffffff!important}
    .custom-menu-primary a:visited {color: #ffffff!important}
    
    .header-logo a {
      width: 100%!important;
      display: none;
    }

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

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

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

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

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

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

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

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


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

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

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

  a.child-trigger {
      display: block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute;
      top: 0px;
      right: 0px;
      width: 55px !important; /* Button width */
      min-width: 55px !important;
      height: 65px !important; /* Button height */  
      padding: 0 !important;
      border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  a.child-trigger:hover {
      text-decoration: none;
  }


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

  a.child-trigger span {
      position: relative;
      top: 50%; /* Centers icon inside button */
      margin: 0 auto !important;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger span:after {
      position: absolute;
      content: '';
  }
  a.child-trigger span, a.child-trigger span:after {
      width: 10px; /* Icon line width */
      height: 1px; /* Icon line height */
      background-color: #ffffff; /* Icon color */
      display: block;
  }
  a.child-trigger span:after {
      -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span:after {
      -webkit-transform: rotate(-180deg);
       -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span {
      -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
      transform: rotate(180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }

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

  /*Hide Menu bar: the menubar is hiddden but space remains, then make vertical space smaller*/
  .headerbg {
      height: 50px;
  }

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

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

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{
      position: absolute; /**************************************************************/
      top: 0;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/                                              
      width: 100%;   
      -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      -moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.65); 
  }
  .custom-menu-primary .hs-menu-flow-horizontal{
      padding: 40px 0 0 0; /* Padding to add room for close button */
      background-color: #363537; /* Menu background color set off global mobile-menuColor variable */
      width: 100%; /* Full screen width */
      z-index: 8888;
  }

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

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal ul li{
      border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul li a{
      padding: 0 10px;
  }
  .custom-menu-primary .hs-menu-flow-horizontal ul li a:hover{
      color: #ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

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

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

    /*****************************************/
 /*Start of Software Marketing--Abby*/
 /*****************************************/
 
 .widthcontainter_sm {
     max-width: 1000px;
    width: 90%!important;
    margin: 30pt auto 30pt auto!important;
    float: none!important;
    display: block!important; 
 }
 
  .widthcontainter_sm2 {
     max-width: 1000px;
    width: 100%!important;
    margin: 30pt auto!important;
    float: none!important;
    display: block!important; 
 }
 
 .sm_header h1 {font-size: 68px;
    text-align: center;
    color:white;
    margin-top:17px;
    margin-left: 18px;
    letter-spacing: 1px;}
   
  .sm_banner {
    height: 205px; 
    position: relative; 
    background: url(https://cdn2.hubspot.net/hub/190063/file-2477885919-jpg/images/sm_yellowbg.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;   
  
    
}
 
 .sm_greybg {
     background-color: #f4f4f4;
 }
  
.sm_greyline {
    background-image: url("https://cdn2.hubspot.net/hub/190063/file-803782723-png/greyline-2.png");
    background-repeat:repeat-x;}
    
div.vertical-line{
  width: 1px!important;
  background-color: #bebaba;
  height:150px; 
  bottom:0;}
  
.challengestext {width:100%;}


/* Software Marketing Styling
     ========================================================================== */  

.sm_section3mod {border-left: 1px solid #bebaba; padding-left: 20px;}
.horizline {border-top: 1px solid #bebaba;}

@media (max-width: 984px) { 
    .sm_section3mod { border-left: 0px;}
    .horizline {border-top:0px;}
 
}

@media (max-width: 767px) {
    .challengestext p { text-align:center;}
    .challengestext {margin-right:20px;margin-left:20px;padding-left:10px; padding-right:10px;}
     .softwaretopsec p {text-align:center;}
     .softwaretopsec {margin-right:20px;margin-left:20px;padding-left:10px; padding-right:10px;}
        
    }



   /*****************************************/
 /*Start of LinkedIn Marketing*/
 /*****************************************/


  .linkedin_banner {
    height: 302px; 
    position: relative; 
    background: url(//cdn2.hubspot.net/hubfs/190063/New_Spot_On_Site/LinkedIn_Marketing/linkedinmktg_banner.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden; }


.LIintrotxt p { color: #20aeab; font-weight: 700; line-height:1.5em; padding-right:25px; font-size: 21px; }

.LIgraphic {background-image: url(//cdn2.hubspot.net/hubfs/190063/New_Spot_On_Site/LinkedIn_Marketing/linkedin_strat.png); background-repeat: no-repeat; height: 280px; background-position: center center; text-align: center; padding-bottom: 25px; margin-top: 30px;}



@media (max-width: 1142px) { .LIgraphic {background-image: url(//cdn2.hubspot.net/hubfs/190063/New_Spot_On_Site/LinkedIn_Marketing/linkedin_graphic1140.png); height: 223px;}}

@media (max-width: 1000px) { .LIgraphic {background-image: url(//cdn2.hubspot.net/hubfs/190063/New_Spot_On_Site/LinkedIn_Marketing/linkedin_graphic1000.png); height: 198px;}}

@media (max-width: 890px) {.licol {width: 100%!important; margin-left: 0px!important;}  .LIgraphic {background-image: url(//cdn2.hubspot.net/hubfs/190063/New_Spot_On_Site/LinkedIn_Marketing/linkedin_graphic_vertical2.png); height: 1400px;}}

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



.LIheaders h2 {font-size: 32px;
    color:#febe2a;
    margin-top:17px;
    margin-bottom:35px;
    letter-spacing: 1px;}

.LIbullets ul { list-style-image: url('https://cdn2.hubspot.net/hubfs/190063/images/checkbox5.png'); font-size:17.5px; font-family:'Open Sans'; line-height:1.5em;}
.LIbullets ul img { margin-top:10px!important;}

.LIctabkgnd {text-align: center; width: 13%!important; float:left; margin-top: 14px; margin-left: -218px!important;}
@media (min-width:1051px) and (max-width:1188px) { .LIctabkgnd { margin-top: 0px; } }
@media (min-width:1021px) and (max-width:1050px) { .LIctabkgnd { padding-left:10px; margin-top: 10px; } }
@media (min-width:1000px) and (max-width:1020px) { .LIctabkgnd { padding-left:20px; margin-top: 10px; width:17%!important; } }
@media (min-width:947px) and (max-width:999px) { .LIctabkgnd { padding-left:35px; margin-top: 10px; width:18%!important; } }
@media (min-width:900px) and (max-width:948px) { .LIctabkgnd { padding-left:55px; margin-top: 10px; width:22%!important; } }
@media (min-width:834px) and (max-width:899px) { .LIctabkgnd { padding-left:75px; margin-top: 10px; width:27%!important; } }
@media (min-width:768px) and (max-width:833px) { .LIctabkgnd { padding-left:95px; margin-top: 12px; width:32%!important; } }
@media (min-width:448px) and (max-width:767px) { .LIctabkgnd { margin-left:auto!important; margin-right:auto!important; width:25%!important; } }
@media (min-width:30px) and (max-width:447px) { .LIctabkgnd { margin-left:auto!important; margin-right:auto!important; width:35%!important; } .lictatext h3 {text-align: center!important;}
 }



.LIcta p {font-family: 'Roboto Slab'; font-weight: 300; font-size: 15px; color: white; padding: 10px!important; border-radius: 5px; background-color: #20aeab;  margin: 15px 0px 0px 0px; -webkit-transition: all 500ms;
  -moz-transition: all 700ms;
  -o-transition: all 700ms;
  transition: all 700ms;
  text-align: center!important;
  line-height: 1.3em;}
  
  .LIcta p:hover {background-color: #25c5c2;}
  
  
.LIcontactus p {text-align:center; line-height: 1.75em; }
.LIcontactus {padding-top:30px!important;}
.LIcontactus img {position:absolute; margin-left:-26px;}


.LIbenefits p { margin-top:-5px; }
.LIbenefitnumbers { text-align: right; padding-right:5px; }


.LIctabg {
  
    background: url(//cdn2.hubspot.net/hubfs/190063/New_Spot_On_Site/LinkedIn_Marketing/ctabg2.png) center center;
      }
      
.LIeBook img {width: 74%!important; margin-top:-105px; }
.LIctaText img {margin-top: -100px; margin-bottom:-20px; padding-right:22px; line-height:1.75em; padding-top: 20px; text-align: center;}
@media (min-width:30px) and (max-width:767px) { .LIctaText {text-align:center; padding-bottom:25px;} }
@media (min-width:30px) and (max-width:767px) { .LIctaText img {text-align:center; } }
@media (min-width:30px) and (max-width:767px) { .LIctaText p {text-align:center; } }


.LIbenefitsheader {padding-bottom: 20px;}


@media (min-width:30px) and (max-width:767px) { .LIintrotxt p {text-align:center; padding-right:0px;} }
@media (min-width:30px) and (max-width:767px) { .LIintroimg {text-align:center; } }
@media (min-width:30px) and (max-width:767px) {.LIcontactus p {text-align:center;} }
@media (min-width:30px) and (max-width:767px) { .LIbenefitnumbers { text-align: center; padding-bottom:10px; } }
@media (min-width:768px) and (max-width:1080px) { .LIeBook img {width: 100%!important; margin-top:-105px; } }
@media (min-width:30px) and (max-width:767px) { .LIeBook img {width: 50%!important; margin-top:0px!important; } }
@media (min-width:30px) and (max-width:767px) { .LIeBook {text-align:center!important; } }
@media (min-width:30px) and (max-width:767px) { .LIctaText { padding-right:0px!important; float:none!important; } }
@media (min-width:30px) and (max-width:767px) { .LIbenefits p { text-align:center;} }
@media (min-width:30px) and (max-width:767px) { .LIheaders h2 {text-align:center; } }
@media (min-width:30px) and (max-width:767px) { .linkedin_banner {height: 250px!important; } }

/*contact*/

.contact-formheader h4 {font-family:'Open Sans'; font-weight:bold; color:#333333; margin-top:20px; margin-bottom:15px;}



   /*****************************************/
 /*Start of Growth Driven Design*/
 /*****************************************/
 
 .widthcontainter_gdd {
     max-width: 1000px;
    width: 90%!important;
    margin: 30pt auto 30pt auto!important;
    float: none!important;
    display: block!important; 
 }
 
  .widthcontainter_gdd {
     max-width: 1000px;
    width: 100%!important;
    margin: 30pt auto!important;
    float: none!important;
    display: block!important; 
 }
 
 .gdd_header h1 {font-size: 68px;
    text-align: center;
    color:white;
    margin-top:17px;
    margin-left: 18px;
    letter-spacing: 1px;}
   
  .gdd_banner {
    height: 205px; 
    position: relative; 
    background: url(https://cdn2.hubspot.net/hubfs/190063/New_Spot_On_Site/gdd-banner.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;   
  
    
}
 
 
.gdd-chart {border-top: 1px solid #a0a0a0; padding: 40px 0px; margin-top: 30px;}
.gdd-conclusion {border-top: 1px solid #a0a0a0; padding: 30px 0px; margin-top: 40px;}

.gdd-cta-bkgnd {
  
    background: url(https://cdn2.hubspot.net/hubfs/190063/New_Spot_On_Site/gdd-cta-background.jpeg) center center;
      }
    
.gdd-principal-img {text-align: center!important;}
.gdd-cta-button {margin: 30px 0 45px 0;}

.gdd-phase-1 {margin-bottom: 20px;}

.gdd-cycle {margin-top: 60px;}

.gdd-conclusion-header {width: 80%!important; float: none!important; text-align: center!important; margin: 0 auto!important;}


.gdd-ebook {margin-top: -90px; float: right!important;}

.gdd-ebook2 {margin-top: -90px;}

.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



@media (max-width: 1015px) {  .gdd-cta-info h2 {font-size: 34px!important;}}

@media (max-width: 950px) { .gdd-cta-info h2 {font-size: 32px!important; font-weight: 600!important;} .gdd-cta-button {margin: 30px 0 0px 0;}}

@media (max-width: 900px) {.gdd_header h1 {font-size: 55px!important;
    text-align: center;
    color:white;
    margin-top:22px;
    margin-left: 18px;
    letter-spacing: 1px;} .inbound_header-new h1 {font-size: 50px!important;
  }}
    
    
@media (max-width: 870px) {.gdd-cta-info h2 {font-size: 28px!important; } .gdd-cta-info h3 {font-size: 20px!important; }}    


@media (max-width: 767px) {.old-design {text-align: center; margin-top: 30px;} .gdd_header h1 {font-size: 50px!important;
    text-align: center;
    color:white;
    margin-top:29px;
    margin-left: 18px;
    letter-spacing: 1px} .smarter-design h2 {margin-bottom: 0px;} .smarter-design-text p {margin-top: 0px;}
    .gdd-principal-text p {text-align: center; margin-top: 10px;} .gdd-principal-text {margin-bottom: 40px;}
    .phase-number {width: 10%!important; float: left!important; display: inline;}
    .phase-text {width: 90%!important; float: left!important; display: inline;}
    .gdd-cycle {text-align: center!important
; margin-top: 20px;}
    .gdd-conclusion {padding-top: 20px; padding-bottom: 0px;}
    .conclusion-icon {width: 20%!important; float: left!important; display: inline; }
    .conclusion-text {width: 80%!important; float: left!important; display: inline;}
    .gdd-conclusion-header {width: 100%!important;}
    .gdd-cta-info {float: right!important; margin-bottom: 30px;}
    .gdd-cta-info p { text-align: center!important;}
    .gdd-cta-info h2 {font-size: 32px!important; text-align: center!important; padding-top: 15px;} .gdd-cta-info h3 {font-size: 23px!important; text-align: center!important; }
     .gdd-ebook2 {float: none!important; display: block!important; text-align:center!important; margin: -90px auto 0 auto!important;}
    .gdd-ebook {float: left!important; text-align: center!important; width: 100%!important;}
    .conclusion-right {margin-bottom: 40px;}
    .gdd-cta-button {width: 50%!important; float: none!important; margin: 0 auto!important; text-align: center!important;} .horiz-spacer {display: none!important;}
.inbound_header-new h1 {font-size: 50px!important;
  }

.spacer {display: none!important;}

.misconceptionstitle {
margin-top: 20px;
}

}

@media (max-width: 670px) { .gdd_header h1 {font-size: 40px!important; line-height: 1em;
    text-align: center;
    color:white;
    margin-top:22px;
    letter-spacing: 1px} .gdd-chart {display: none!important;}}
    
    
@media (max-width: 600px) {.phase-number {width: 15%!important; float: left!important; display}
    .phase-text {width: 85%!important; float: left!important;}  .conclusion-icon {width: 100%!important; text-align: center!important; }
    .conclusion-text {width: 100%!important; }   .conclusion-text p {text-align: center!important;}}
    
    
    @media (max-width: 400px) {.phase-number {width: 20%!important; float: left!important; display}
    .phase-text {width: 80%!important; float: left!important;}     .gdd-cta-button {width: 100%!important; float: none!important; margin: 0 auto!important; text-align: center!important;} .horiz-spacer {display: none!important;}
    .gdd-cta-info h2 {font-size: 30px!important; padding-top: 0px;}
    .gdd-cta-info h3 {font-size: 18px!important; text-align: center!important; }
    .conclusion-left {margin-bottom: 30px;}
    .gdd_header h1 {font-size: 33px!important; line-height: 1em; font-weight: 600!important; font-weight: bold!important;
    text-align: center;
    color:white;
    margin-top:29px;
    letter-spacing: 1px}
    
}



   /*****************************************/
 /*Start of NEW Inbound Marketing */




.hero-subhead {text-align: center!important; width: 75%!important; float: none!important; margin: 0px auto!important;}
.hero-subhead p {color: #ffffff; font-size: 30px;  line-height: 1.5em; text-align: center; margin-top: 10px; }


.inbound_header-new h1 {font-size: 68px;
    text-align: center;
    color: white;
    margin-top:17px;
    margin-left: 18px;
    margin-bottom: 20px!important;
    letter-spacing: 1px;}
    
    hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid #4c4c4d;
    border-bottom: 1px solid #4c4c4d;
}

.im-line hr {  border: 0;
    height: 0;
    border-top: 1px solid #4c4c4d;
    border-bottom: 1px solid #4c4c4d;}

.im-ctas {text-align: center!important;}

   /*****************************************/
 /*Start of Web Design 2*/
 /*****************************************/
 
 
 .dkgreybg {background-color: #f4f4f4;}
 
 .dkgraybkgnd {background-color: #363537}
    
 .widthholder_wd {
     max-width: 1000px;
    width: 90%!important;
    margin: 20pt auto 20pt auto!important;
    float: none!important;
    display: block!important; 
}   

.portfolionav2 p {color: #363537;}

.portfolionav2 a {color: #363537;}

.portfolionav2 a:hover {color: #3ec0be;}

.awards-certs {background-color: #414141; color: white;}

.award-cert-header {margin-top: 45px; color: white; }

.award-cert-header h2 {font-size: 24px;}

.award-banner-box1 {width: 12%!important; text-align: left;}
.award-banner-box2 {width: 15%!important;}
.award-banner-box3 {width: 21%!important;}
.award-banner-box4 {width: 19%!important; margin-top: 25px;}
.award-banner-box5 {width: 21%!important; margin-top: 15px;}

.web-grader {background-image: url(https://cdn2.hubspot.net/hubfs/190063/images/web-grader.jpg); background-repeat: no-repeat; background-size: cover; z-index: -1;  background-position: 50% 75%!important; color: white; padding-top: 30px;
}

 .widthholder_wi2 {
     max-width: 1000px;
    width: 90%!important;
    margin: 60px auto 60px auto!important;
    float: none!important;
    display: block!important; 
}


 .widthholder_wi3 {
     max-width: 1000px;
    width: 90%!important;
    margin: 10px auto 10px auto!important;
    float: none!important;
    display: block!important; 
}


.webgradercta {font-family: 'Open Sans'; color: white; font-size: 16px!important; font-weight: 600;
border: 2px solid white;
border-radius: 5px;
margin: 20px auto 80px auto;
float: none!important;
padding: 12px 0px;
width: 30%;
text-align: center!important; text-transform: uppercase!important;  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;}


.pretty-face-textcta {padding: 20px 0px 15px 0px;}

.webgradercta:hover {background-color: white; border: 2px solid white;  color: #363537; }

@media (max-width:1100px) {.webgradercta {width: 35%!important;} .award-cert-header h2 {font-size: 22px;}}

@media (max-width:995px) {.webgradercta {width: 40%!important;} .award-cert-header h2 {font-size: 20px;} .hero-subhead p { font-size: 25px; }
}

@media (max-width:900px) {.webgradercta {width: 45%!important;} .award-cert-header h2 {font-size: 18px;} .webdesigncta{margin-top: 20px;}}

@media (max-width:767px) {.webgradercta {width: 60%!important;} .award-cert-header h2 {font-size: 24px;} .award-cert-header {margin-top: 20px;} .webdesigncta{margin-top: 20px; text-align: center!important;} .award-banner-box1 {width: 100%!important; text-align: center;}
.award-banner-box2 {width: 100%!important; text-align: center!important;}
.award-banner-box3 {width: 100%!important; text-align: center!important;}
.award-banner-box4 {width: 100%!important; margin-top: 25px; text-align: center!important;}
.award-banner-box5 {width: 100%!important; margin-top: 15px; text-align: center!important;}  .widthholder_wi3 {

    margin: 30px auto 40px auto!important;}
 .im-line hr {  width: 30%!important;}

.au_section2_header h2 {font-size: 25px;}
.portfolionav2 p {font-size: 16px;}

.margintop {margin-top: 20px;}

}

 @media (max-width:400px) {.cta-header h4 {font-size: 20px!important; text-align: center;}  .hero-subhead p { font-size: 20px; }  }
    /*****************************************/
 /*Start of Software Marketing--Abby*/
 /*****************************************/

 .widthcontainter_sm {
     max-width: 1000px;
    width: 90%!important;
    margin: 30pt auto 30pt auto!important;
    float: none!important;
    display: block!important; 
 }
 
  .widthcontainter_sm2 {
     max-width: 1000px;
    width: 100%!important;
    margin: 30pt auto!important;
    float: none!important;
    display: block!important; 
 }
 
 .sm_header h1 {font-size: 68px;
    text-align: center;
    color:white;
    margin-top:25px;
    margin-left: 18px;
    letter-spacing: 1px;}
   
  .sm_banner {
    height: 205px; 
    position: relative; 
    background: url(https://cdn2.hubspot.net/hub/190063/file-2477885919-jpg/images/sm_yellowbg.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;    
    margin-top: 10px;
}
 
 .sm_greybg {
     background-color: #f4f4f4;
 }
  
.sm_greyline {
    background-image: url("https://cdn2.hubspot.net/hub/190063/file-803782723-png/greyline-2.png");
    background-repeat:repeat-x;}
    
div.vertical-line{
  width: 1px!important;
  background-color: #bebaba;
  height:150px; 
  bottom:0;}
  
.challengestext {width:100%;}


/* Software Marketing Styling
     ========================================================================== */  

.sm_section3mod {border-left: 1px solid #bebaba; padding-left: 20px;}
.horizline {border-top: 1px solid #bebaba;}

@media (max-width: 984px) { 
    .sm_section3mod { border-left: 0px;}
    .horizline {border-top:0px;}
 
}

@media (max-width: 767px) {
    .challengestext p { text-align:center;}
    .challengestext {margin-right:20px;margin-left:20px;padding-left:10px; padding-right:10px;}
     .softwaretopsec p {text-align:center;}
     .softwaretopsec {margin-right:20px;margin-left:20px;padding-left:10px; padding-right:10px;}
        
    }



   /*****************************************/
 /*Start of Inbound Marketing NEW*/
 /*****************************************/
 
 .cta-header h4 {font-size: 24px; text-align: center;}
 
.im_banner {
    min-height: 531px; 
    position: relative; 
    background: url(https://cdn2.hubspot.net/hubfs/190063/Alison/heroimg2.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;   
 
    padding-bottom: 50px;
}



.im-rootcanal-bg {
 
    background: url(https://cdn2.hubspot.net/hubfs/190063/Alison/rootcanalbg3.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
      }
      
      
      
.imheroctacontainer {
    text-align: center; margin-top: 50px; margin-bottom: 300px; 
    }
    
    
.IMherocta
{color: #FFFFFF; border: 3px solid #FFFFFF; border-radius: 10px; width: 20%; font-family: 'Open Sans'; font-weight: 700; padding: 15px 15px; font-size: 22px;}*/


.IMherocta
{
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  margin: 5em auto;
  padding: 15px;
  border: 3px solid #FFFFFF;
  border-radius: 9px;
  overflow: hidden;
  
  transition: all 0.5s;
}

.IMherocta:hover, .IMherocta:active 
{
  text-decoration: none;
  color: #4c4c4c;
  border-color: #FFFFFF;
  background: #FFFFFF;
}

.IMherocta span 
{
  display: inline-block;
  position: relative;
  padding-right: 0;
  
  transition: padding-right 0.5s;
}

.IMherocta span:after 
{
  content: ' ';  
  position: absolute;
  top: 0;
  right: -18px;
  opacity: 0;
  width: 10px;
  height: 10px;
  margin-top: -10px;

  background: rgba(0, 0, 0, 0);
  border: 3px solid #4c4c4c;
  border-top: none;
  border-right: none;

  transition: opacity 0.5s, top 0.5s, right 0.5s;
  transform: rotate(-45deg);
}

.IMherocta:hover span, .IMherocta:active span 
{
  padding-right: 30px;
}

.IMherocta:hover span:after, .IMherocta:active span:after 
{
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  opacity: 1;
  border-color: #4c4c4c;
  right: 0;
  top: 50%;
}

.IMheroctacontainer {text-align: center; margin-top: 30px; }



.casestudycta {font-family: 'Open Sans'; color: white; font-size: 16px!important; font-weight: 600;
border: 2px solid white;
border-radius: 5px;
margin-top: 10px!important;
padding: 12px 20px;
width: 60%!important;
text-align: center!important; text-transform: uppercase!important;  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;}

.casestudycta {margin: 0px!important;}

.casestudycta:hover {background-color: white; border: 2px solid white;  color: #363537; }

.casestudycta {text-align: right; margin-bottom: 70px;}


.chartheader {width: 85%!important; float: none!important; margin: 0 auto!important; text-align: center!important;}

.chartheader p {text-align: center; font-size: 20px;}

.methodologychart { 
   text-align: center!important;
   float: none!important;
  margin: 0 auto;}

@media only screen and (max-width: 480px) {.methodologychart {display: none !important;}}

.misconceptionstitle1 {
background-color: #22bcb9;
text-align: center!important;



}

.misconceptionstitle1 p {
 padding: 22px 0px!important;
 margin: 0px!important;
   font-size: 16px!important;
      color: white!important;
      text-align: center!important;


}

.misconceptionstitle {
    background-color: #22bcb9;
    text-align: center!important;
}


.misconceptionstitle p { margin: 0px!important; padding: 10px 0px; font-size: 16px!important; color: white!important;
     text-align: center!important;
}

.misconceptionsbody  {
        background-color: #ffffff; 
        padding: 20px!important;
       }
        
        
.misconceptionsbody  p {
  line-height: 1.5em!important;    font-size: 16px!important;  margin: 0px!important;}
        

        .tabber {text-align: center!important; float: none!important; width: 100%!important;}
        
        .sm-misconceptiontxt {width: 65%!important; float: none!important; text-align: center!important; margin: 0px auto!important;}
        
.sm-misconceptiontxt p {text-align: center; font-size: 16px!important;  }


.consulthead h3 {font-weight: bold; font-size: 25px; color: white; background-color: #febe2a; padding: 15px; text-align: center; line-height: 1.4em; }

.onpage-consult {background-color: #ebebeb!important; padding: 20px;}


/*RSS FEED - IM*/

.hs-rss-title {text-transform: capitalize!important; text-align: center; margin-top: 10px; font-size: 20px; font-family: 'Open Sans'!important; font-weight: 600!important; color: #fcb034!important; text-decoration: none;}

.hs-rss-title a { }

.hs-rss-title:hover {text-decoration: underline;}


.hs-rss-author {font-family: 'Open Sans'; font-size: 12px; color: black;}

.hs-rss-byline {font-family: 'Open Sans'; font-size: 12px; color: black; font-style="italic"}

.hs-rss-item {margin-bottom: 30px;}

.hs-rss-description p a:link {color: white; background-color: #1cbdb9; padding: 5px 10px; border-radius: 5px; margin: 0px 5px 0px 10px; text-decoration: none!important;}


.hs-rss-description p a:visited {color: white; }

.new-im-rss .hs-rss-title {font-family: 'Open Sans'!important; font-weight: 600!important; color: #fcb034!important;}

#hs_cos_wrapper_module_14413163127192657 {font-family: 'Open Sans'!important; font-weight: 600!important; color: #fcb034!important;}

.hs-form-field label {font-family: 'Open Sans'!important;}

.hs-form-field input {font-family: 'Open Sans'!important; border: 1px solid #cccccc; margin-bottom: 10px;}
 

/* 404 Page */

.error-banner {
    padding: 100px 0px 50px;
    position: relative; 
    background: url(//cdn2.hubspot.net/hubfs/190063/images/4042.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;   
   
}

.options-boxes .404-btn {margin: 20px auto!important; float: none!important; text-align: center!important;}

  .error-header h1 {
    font-family: 'Roboto Slab';
      text-transform: uppercase;
    font-size: 72px;
    text-align: left;
    line-height: 1.2em!important;
    font-weight: normal;
    color: white;
    line-height: 100%;
    letter-spacing: 2px;
    margin-left:18px;
    margin-top: 25px;
    text-align: center;
}

.options-boxes {    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    border-radius: 5px;
    background-color: #f6f6f6;
    padding: 15px 20px;
    margin-top: 20px;}
    
    .options-boxes h2 {color: #414141; margin-top: 0px; text-align: center;}
    
    .errorcta p {text-transform: uppercase; font-weight: bold; font-size: 15px; color: white; padding: 10px; border-radius: 5px; background-color: #fcb247;  margin: 15px 0px 0px 0px; -webkit-transition: all 500ms; 
  -moz-transition: all 700ms;
  -o-transition: all 700ms;
  transition: all 700ms;
  text-align: center!important;
  line-height: 1.3em;}
  
  .errorcta p:hover {background-color: rgb(255, 208, 133); color: #414141;}

/*Resources Page*/

.resourceswidthholder {
    max-width: 1100px;
    width: 90% !important;
    margin: 30pt auto 30pt auto !important;
    float: none !important;
    display: block !important}

.resourcecontent .hs-featured-image {float: left!important; margin: 0px 10px 0px 0px; max-width: 40%!important; padding: 10px!important;}

.resourcecontent p {font-size: 14px; line-height: 1.6em; padding: 3px 0px 5px 0px; margin-top: 0px;}

.resourcecontent .post-body p {margin-bottom: 15px;}

.resourcecontent .post-body a {color: #20aeab; text-transform: uppercase; margin-top: 15px; font-weight: bold; }


.resourcecontent div.post-item {border: 0px; }

.resourcetopics {-webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms; }

.resourcetopics .filter-link-count {display: none!important;}

.resourcetopics h3 {text-align: left!important; font-size: 20px; font-weight: bold;}

.resourcetopics ul {list-style-type: none; padding-left: 0px; -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;}

.resourcetopics a:before {top: 4px;
    position: relative;
    padding-right: 6px; content: url(//cdn2.hubspot.net/hubfs/190063/resource-before.png); -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;}

.resourcetopics a:hover:before {top: 4px;
    position: relative;
    padding-right: 6px; content: url(//cdn2.hubspot.net/hubfs/190063/resource-hover.png);}

.resourcetopics a:active:before {top: 4px;
    position: relative;
    padding-right: 6px; content: url(//cdn2.hubspot.net/hubfs/190063/resource-hover.png);}

.resourcetopics li { margin-bottom: 10px;  width: 100%!important;}

.resourcetopics a { background-color: #eeeeee; padding: 10px 10px; border-radius: 4px;  color: #4c4c4d!important;  text-transform: uppercase; font-weight: bold; font-size: 13px; -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;}

.resourcetopics li a { background-color: #eeeeee; padding: 10px 10px; border-radius: 4px;  color: #4c4c4d!important;  text-transform: uppercase; font-weight: bold; font-size: 13px; -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms; }

.resourcetxtcta p {margin: 0px 0px 10px 0px;}
    
.resource-box {width: 45%!important; float: left!important; margin-right: 25px; margin-bottom: 0px!important;}
    
.resource-right {background-color: #eeeeee;}    
    
.resource-text {padding: 0px 0px 0px 15px}

.resource-topic  {text-align: right!important; margin-top: -2px!important;}

.resource-topic a {background-color: #d0d0d0; color: #4c4c4d!important; font-size: 13px; text-transform: uppercase; padding: 3px 10px; font-weight: bold; -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;}
    
    
  @media (max-width:1188px) { .resource-info a {padding-left: 10px!important;}
 }
    
    
    @media (max-width: 1210px) {.resourcecontent .hs-featured-image {padding: 5px 5px;} }
    

.resource-topic a:hover {background-color: #4c4c4d; color: white!important}

.resource-info {font-size: 15px; line-height: 1.6em; padding: 5px 15px 5px 0px!important}


.resource-info a:hover:after {content: url(//cdn2.hubspot.net/hubfs/190063/getitnow-arrow.png); position: relative; left: 5px; top: 1px; }

.resourceinfo {background-color: #ebebeb; padding: 15px; width: 95%}
.resourceimage {width: 95%}


@media (max-width: 1250px) {.resource-info {font-size: 14px!important;}}

@media (max-width: 1150px) {.resource-topic a {font-size: 11px!important; } .resource-topic {padding-top: 1px!important;} }

@media (max-width: 1100px) {.resource-info {line-height: 1.4em!important
;}}

@media (max-width: 1055px) {.resource-box {width: 93% !important; margin-bottom: 0px!important; padding-bottom: 25px;} .resourcecontent .hs-featured-image {max-width: 25%!important;} .resource-info {font-size: 15px!important; line-height: 1.6em!important;} .resource-info a {padding-left: 0px!important;}}

@media (max-width: 1015px) {.resourcetopics li a {font-size: 11px!important;} .resourcetopics a {font-size: 11px!important;}}



@media (max-width: 900px) {    
    .resourceimage {width: 100%}
.resourceinfo {width: 300px; margin: 0 auto!important;} .resourcecontent {width: 100%!important; margin-top: 20px!important; margin-left: 0px!important; margin-right: 0px!important;} .resourcetopics {width: 100%!important; margin: 0px auto 10px auto!important; float: none!important;} .resourcetopics li a {font-size: 13px!important;}
.resourcetopics a {font-size: 13px!important;} .alltopics {padding-top: 2px!important;}
.resourcetopics li {width: auto!important; float: left!important; margin-right: 5px!important;}

}

@media (max-width: 767px) {.resource-box  {padding-bottom: 0px!important; padding-top: 25px!important;}}

@media (max-width: 600px) {.resourcecontent .hs-featured-image {max-width: 30%!important;} }


@media (max-width: 500px) {.resourcecontent .hs-featured-image {max-width: 35%!important;} .resource-info {font-size: 13px!important;} {line-height: 1.4em!important
;}}


.one-resource {text-align: center; } 
.one-resource img {border: 2px solid #ebebeb!important;}

.resources-panel-wrap {
    padding-right: 20px;
    margin-bottom: 30px;
}
.resources-panel {
    padding-right: 30px;
}
.resources-panel .grey-bg {
    background: #f5f4f4;  
    overflow: hidden;
    padding-bottom: 10px;
}
.resources-panel .widget-type-text {
    padding: 15px;
    font-size: 15px;
}
.resources-panel .hs-cta-wrapper {
    padding: 0 15px 15px 15px;   
}
.main-content .resources-panel .layout-widget-wrapper {
    padding-right: 0;
}


 .resourcesbg {
    height: 205px; 
    position: relative; 
    background: url(//cdn2.hubspot.net/hubfs/190063/Website_2014/images/resourcesheader.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;    
  
}

 .resourceheader h1 {
    font-family: 'Roboto Slab';
      text-transform: uppercase;
    font-size: 72px;
    text-align: center;
    line-height: 1.2em!important;
    font-weight: normal;
    color: white;
    line-height: 100%;
    letter-spacing: 2px;
    margin-left:18px;
    margin-top: 25px;
}

 .resourcesubheader h3 {
    font-family: 'Roboto Slab';
      text-transform: uppercase;
    font-size: 45px;
    text-align: center;
    line-height: 1.2em!important;
    font-weight: normal;
    color: #fcb034;
    line-height: 100%;
    letter-spacing: 2px;
    margin-top: 25px;
}



.resourcepagelink a { font-family: 'Open Sans'; color: #22bcb9; text-decoration: none; padding-right: 10px; }

/*@media (min-width:1051px) and (max-width:1188px) { a { margin-left: -10px!important; } }*/

/*LP*/

.speaker-module {margin-top: 30px;}
.speaker-photo {width: 18%; float: left; margin-right: 2%; }
.speaker-info {width: 80%; float: left; margin-top: 10px;}
.speaker-info h3 {font-size: 20px!important;
    color: #3ec0be!important;
    margin: 0px;
    font-weight: 400!important;
    line-height: 1.3em!important;
    padding-bottom: 0px!important;
}
.speaker-info h5 {    font-weight: 700!important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 15px!important;
    text-transform: uppercase;
    color: #3E3E3F;
    padding: 0px!important;
    line-height: 20px!important;
}
.speaker-bio p {  font-size: 16px; line-height: 27px; font-weight: 400; color: #3E3E3F;}
.speaker-bio {float: none!important; width: 100%; clear:both}


@media (max-width: 991px) {.speaker-info {margin-top: 0px!important;}}
@media (max-width: 767px) {.speaker-info {margin-top: 20px!important;}}
@media (max-width: 500px) {.speaker-info {margin-top: 0px!important;} .speaker-info h3 {padding-top: 0px!important;}}

/*PPC LP*/

 .headerimgPPC {
    margin-bottom:20px;
    background-image: url(https://cdn2.hubspot.net/hubfs/190063/images/LP_graphics/ppc-lp.jpg);
     background-size: cover;
    overflow: hidden;  
 }
    
    
.row-fluid .PPCcontent-section { background:url(https://cdn2.hubspot.net/hubfs/190063/TheSpotOnAgency-2017/images/cont-bg4.jpg) no-repeat center bottom #f5f5f5; background-size:cover; padding:42px 0 0px; margin-top:-25px; }

.row-fluid .PPCcontent-section h2 { padding:0 0 20px; color:#535353; font-weight:400; font-size:52px; line-height:63px;  }



@media (min-width: 768px) and (max-width: 1200px){
    .row-fluid .PPCcontent-section h2 { font-size:38px; line-height:46px; } 
    .row-fluid .PPCcontent-section h2 { font-size:38px; line-height:46px; } }


@media (min-width: 30px) and (max-width: 767px){
    .row-fluid .PPCcontent-section h2 { font-size:41px; line-height:46px; } }


@media (min-width: 30px) and (max-width: 398px){
    .row-fluid .PPCcontent-section h2 { font-size:33px; line-height:38px; } }


.PPCphonenumber h3 {float:right!important; margin-top:-75px!important;}


@media (min-width: 30px) and (max-width: 1200px){
  .PPCphonenumber h3 { margin-top:-45px!important;} }
  
  
  @media (min-width: 30px) and (max-width: 1200px){
  .row-fluid .ppc-top { margin-top:-35px!important;} }
  
  

@media (min-width: 30px) and (max-width: 767px){
    
    .PPCphonenumber h3 {margin-top:45px!important; float:none!important; text-align:center!important;} }
    
    
.PPC-section-padding { margin-top:55px; margin-bottom:50px; }
    
   
    
 .PPC-wrapper {
    float: none!important;
    display: block!important; 

    padding-top: 10px;
    padding-bottom: 10px;

 }
 
 
.row-fluid .ppc-top { position:absolute; top:0; width:100%; left:0; z-index:99; padding:75px 0 0!important;}

@media (min-width: 30px) and (max-width: 767px){
.row-fluid .ppc-top { padding:35px 0 0; text-align:center;} }


.ppc-testimonials { padding:20px 10px; background:#fff; border:1px solid #e4e4e4; border-radius:4px; }

@media (min-width: 30px) and (max-width: 767px){
    .ppc-testimonials { margin-bottom:20px!important; } }

.ppc-testimonialsheader h2 { text-align:center!important; }
.ppc-testimonialsheader p { text-align:center!important; margin-bottom:26px!important; margin-top:-5px!important;}
.ppc-testimonialstxt p { font-size:15px!important; line-height: 1.5em!important; margin: -10px 15px -10px 15px!important;}

@media (min-width: 30px) and (max-width: 767px){
.ppc-typ-resourcestxt h2 { margin-bottom: -35px!important; } }

.row-fluid .PPCbottom-formbg { background:url(https://cdn2.hubspot.net/hubfs/190063/images/LP_graphics/ppc-bottom-consult.jpg) no-repeat center bottom #f5f5f5; background-size:cover; padding:42px 0 0px; }


.row-fluid .ppc-consult-form .hs-form-field > label { font-weight:700; text-transform:uppercase; font-size:13px; color:#ffffff!important; } 
.row-fluid .ppc-consult-form .hs-form-required { color:#fcb033; }
.row-fluid .ppc-consult-form .hs-form fieldset .hs-input { height:38px; margin:0; padding:0 10px; font-size:14px; }
.row-fluid .ppc-consult-form .hs_submit { position:relative; padding:15px 0 0; }
.row-fluid .ppc-consult-form .hs_submit input { background:url(https://cdn2.hubspot.net/hubfs/190063/TheSpotOnAgency-2017/images/arrow-img3.png) no-repeat right center !important; padding-right:37px!important; text-transform:uppercase; position:relative; }
.row-fluid .ppc-consult-form .actions { display:inline-block; border-radius:35px; overflow:hidden; position:relative; background:#fcb033;  }
.row-fluid .ppc-consult-form .actions:before { content:""; position:absolute; top:0; left:0; width:0; height:100%; -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;; }
.row-fluid .ppc-consult-form .actions:hover:before  { width:100%; background:#d7962b;  }

.ppc-consult-form2 {padding-top:5px!important; padding-bottom:55px!important;}

.row-fluid .PPCbenefitsbg { background:url(https://cdn2.hubspot.net/hubfs/190063/images/LP_graphics/ppc-benefits3.jpg) }

.ppc-form-testimonial img { margin-top:15px; }

.ppc-form-testimonial { margin-top:15px; }

.ppc-form-testimonial p { font-size:14px!important; margin-bottom:-15px!important; }

@media (min-width: 30px) and (max-width: 767px){
    
.ppc-form-testimonial p { text-align:center; } 
    .typcontent-left ul li {text-align: left!important;}
.row-fluid .typcontent-section h3 {text-align: center!important;}

}

.ppc-marketing-experts h2 {padding-top: 40px!important; margin-top:35px!important; text-align:center; border-top: 1px solid #cccccc;}

.ppc-certbadges img { padding-top: 10px; width:175px!important; text-align:center; }
.ppc-certbadges { padding-top: 5px; }

.ppc-casestudy p { color:#535353!important;}
.ppc-casestudy { margin-top:15px;!important;}

.ppc-howwedidit {padding-top: 30px!important; margin-top:50px!important; border-top: 1px solid #cccccc;}
.ppc-howwedidit h4 {text-align:center!important;}


.ppc-services {margin-top:35px!important;}

.ppc-services h5 { font-family:'Open Sans'!important; color:#9c6d1f!important; font-weight:bold!important; text-align:center!important; font-size:20px!important; margin-bottom:-10px!important;}
.ppc-services p {color:#ffffff!important; text-align:center!important; font-size:16px!important;}
.ppc-services img {display:block!important; margin-left:auto!important; margin-right:auto!important; margin-bottom:10px!important; width:100px!important;}

.ppc-services-margin { margin-bottom:15px!important; }



.ppc-casestudytestimonial-left { padding:25px 25px 20px 25px; background:#f6f6f6; border:1px solid #f6f6f6; border-radius:4px; height:150px; }

.ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; background:#f6f6f6; border:1px solid #f6f6f6; border-radius:4px; height:150px; }

.ppc-casestudytestimonial-left p { font-size:15px!important;}

.ppc-casestudytestimonial-right p { font-size:15px!important;}

@media (min-width:992px) and (max-width:1200px) {
    .ppc-casestudytestimonial-left { padding:37px 25px 20px 25px; height:175px; }

    .ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; height:175px; } }
    

@media (min-width:768px) and (max-width:991px) {
    .ppc-casestudytestimonial-left { padding:37px 25px 20px 25px; height:200px; }

    .ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; height:200px; } }
    

@media (min-width:721px) and (max-width:767px) {
    .ppc-casestudytestimonial-left { padding:10px 25px 20px 25px; height:120px; margin-bottom:15px!important; }

    .ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; height:120px; } }
    
    
@media (min-width:508px) and (max-width:720px) {
    .ppc-casestudytestimonial-left { padding:20px 25px 20px 25px; height:145px; margin-bottom:15px!important; }

    .ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; height:145px; } }
    

@media (min-width:472px) and (max-width:507px) {
    .ppc-casestudytestimonial-left { padding:20px 25px 20px 25px; height:155px; margin-bottom:15px!important; }

    .ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; height:175px; } }
    
    
@media (min-width:419px) and (max-width:471px) {
    .ppc-casestudytestimonial-left { padding:10px 25px 20px 25px; height:155px; margin-bottom:15px!important; }

    .ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; height:175px; } }
    
        
@media (min-width:345px) and (max-width:418px) {
    .ppc-casestudytestimonial-left { padding:10px 25px 20px 25px; height:155px; margin-bottom:15px!important; }

    .ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; height:195px; } }
    
    
@media (min-width:326px) and (max-width:344px) {
    .ppc-casestudytestimonial-left { padding:10px 25px 20px 25px; height:175px; margin-bottom:15px!important; }

    .ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; height:215px; } }
    
    
@media (min-width:30px) and (max-width:325px) {
    .ppc-casestudytestimonial-left { padding:10px 25px 20px 25px; height:195px; margin-bottom:15px!important; }

    .ppc-casestudytestimonial-right { padding:10px 25px 20px 25px; height:215px; } }




.ppc-aboutHH {padding-top:25px; }

.ppc-aboutHH img {margin-top:-15px; }

@media (min-width:30px) and (max-width:767px) { .ppc-aboutHH img { display:block!important; margin-left:auto!important; margin-right:auto!important; margin-bottom:15px!important; } }

.ppc-casestudyheader h2 {text-align:center;}


.ppc-casestudylogo {text-align:center; margin-top:25px!important;}

.ppc-casestudy ul li:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    margin-right: 8px;
    margin-left: -24px;
    color: #fcb033;
    font-size: 18px;
}

.ppc-casestudy ul li {
    list-style: none; 
    color:#535353;
    margin-bottom:15px!important;
}


/* About Us - Certifications */

.ourcert { font-size: 19.5px; color: #ffffff; font-family:'OpenSans-Semibold'; }
.certbadges { padding-top: 25px;}

@media (min-width:30px) and (max-width:767px) { .certbadges { text-align:center; } }

/* Portfolio Section */


.hrstyle hr { margin-top: 20px; margin-bottom: 20px; width: 50%; }

.portfoliosubhead h3 {
    font-family: 'Roboto Slab';
    font-size: 30px;
    text-align: center;
    font-weight: normal;
    color: #20aeab;
    margin-top: 25px;
}