/* @import url('//example.com/example_style.css'); */
 @import url("https://static.redhat.com/libs/redhat/redhat-font/2.0.0/webfonts/red-hat-font.css");

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

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

/* Responsive Visibilty Classes */

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

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

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

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

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

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

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

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

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

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

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

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







/* ================================================================
         _ _                _     _      
        (_) |              (_)   | |     
     ___ _| |_ _____      ___  __| | ___ 
    / __| | __/ _ \ \ /\ / / |/ _` |/ _ \
    \__ \ | ||  __/\ V  V /| | (_| |  __/
    |___/_|\__\___| \_/\_/ |_|\__,_|\___|

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






 
*{
    outline: none !important;
}
 
body {
    font-family: 'RedHatText','Overpass', sans-serif;
    font-weight:400;
    line-height: 1.5;
    margin:0px;
    color: #161b1f;
 }
 
h1, h2, h3, h4, h5 {
    font-family: 'RedHatDisplay','Overpass', sans-serif;
    font-weight:400;
    line-height:1.3;
    margin-top:20px;
    margin-bottom:20px;
}

h1 {
    font-size:40px;
} 

h2 {
    font-size:28px;
} 

h3 {
    font-size:24px;
} 

h4 {
    font-size:12px;
} 

.monospace{
    font-family: monospace;
}

a.cta_button {
    vertical-align: initial;
}
  
@media (max-width: 767px) {
    h1 {
        font-size: 24px !important;
    }
    h2, h3 {
        font-size: 18px !important;
    }
    h4, h5 {
        font-size: 16px !important;
    }
    .desktop-img {
        display: none;
    }
}
 
img {
    max-width:100% !important; 
    height:auto !important; 
}

.hs-tools-menu {
    left: 10px !important;
    right: auto !important;
    width: 40px;
}

.hs-error-msgs {
    margin-top: 2px !important;
    list-style-position: inside !important;
}
.hs-error-msgs * {
    color: #e00 !important;
}

.inner-wrapper {
    box-sizing: border-box !important;
    max-width: 1210px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    float: none !important;
    clear: both !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.centered,
.text-centered {
    text-align: center;
}

pre[class*="language-"]{
    font-size: 14px;
}

pre[class*="language-"],
pre[class*="language-"] code{
    white-space: pre-wrap;
}

span.nobr{
    white-space:nowrap;
}



/* ============================================================
                BREADCRUMB MENU
============================================================ */


.breadcrumb-menu-wrapper {
    display: none;
}

@media (min-width: 768px) {
    .breadcrumb-menu-wrapper {
        height: 60px;
        background: #f2f2f2;
        margin-left: 0 !important;
        display: block;
    }
    
    .breadcrumb-menu div {
        text-align: left !important;
        color: #848992;
        line-height: 50px !important;
        height: 60px !important;
        padding-top: 8px !important;
        margin-left: 0 !important;
        /*max-width: 1000px !important;*/
    }
}



/* ============================================================
                HIDE GOOGLE CONVERSION LINK
============================================================ */

iframe[name=google_conversion_frame] 
{
    display: none !important;
}


/* ===== BACKGROUND SETTER ===== */
body .set-bg {
    background-size: cover !important;
}
body .get-bg {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    Found the following in use on 
    https://www.ansible.com/use-cases-overview
    https://www.ansible.com/integrations-overview
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

h3.underline-heading,
.underline-heading h3,
.heading-underline h3,
h3.heading-underline {
    color: #848992;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1c4c8;
    margin-top: 0;
}
h2.underline-heading,
.underline-heading h2,
.heading-underline h2,
h2.heading-underline {
    color: #161b1f;
    font-size: 30px;
    font-weight: 400 !important;
    padding-bottom: 10px;
    text-transform: none !important;
    border-bottom: 1px solid #c1c4c8;
    margin-top: 0;
}




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

     _           _   _                  
    | |         | | | |                 
    | |__  _   _| |_| |_ ___  _ __  ___ 
    | '_ \| | | | __| __/ _ \| '_ \/ __|
    | |_) | |_| | |_| || (_) | | | \__ \
    |_.__/ \__,_|\__|\__\___/|_| |_|___/
    
    Note: class labels should not refer to color, size, or other
    similar characteristics. If, for example, all primary CTAs 
    needed to become Red Hat red, we would end up with red buttons
    called "ansible-cta-blue." 
    
    We should instead follow the bootstrap method, identifying 
    btn-primary, btn-default, btn-info, etc. as needed. (Generally
    primary and defualt suffice.)
    
    "ansible-cta-blue" and "ansible-cta-default" should be deprecated.

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

.btn,
[class*="ansible-cta-"]{
  border-radius: 3px !important;
}

.btn.btn-default,
.ansible-cta-outline { 
    vertical-align: initial;
    padding: 7px 30px 8px !important;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    border: 1px solid #ffffff;
    margin-right: 10px;
    margin-top: 10px;
    font-weight: 400;
    transition: 0.6s ease border;
    background-color: transparent;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus,
.ansible-cta-outline:hover {
    border-color: #f2f2f2;
    color: #f2f2f2;
    box-shadow: none !important;
    background-color: transparent;
}

.btn.btn-primary,
.ansible-cta-blue {
    vertical-align: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    color: #ffffff !important;
    padding: 7px 30px 8px !important;
    display: inline-block;
    text-decoration: none;
    border: 1px solid transparent !important;
    margin-right: 10px;
    background: #e00;
    margin-top: 10px;
    transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.ansible-cta-blue:hover {
    background-color: #e00 !important;
    box-shadow: none !important;
}


.btn.btn-shade{
    padding: 40px;
    text-align: left;
    text-transform: uppercase;
    transition: all 200ms ease-in-out;
    background-image: linear-gradient(to top, #1678c4 0%, #1678c4 100%);
    background-repeat: no-repeat;
    border: 0px;
    border-radius: 0px;
    background-position-y: 90px;
    position: absolute;
    bottom: 0px;
}

.btn.btn-shade:hover{
    color: #fff;
    background-position-y: 0px;
}

.btn .caret-right{
    border-width: 8px;
    border-style: solid;
    border-left-color: #1678c4;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    height: 16px;
    width: 16px;
    position: absolute;
    margin: 2px 0px 0px 6px;
}
.btn:hover .caret-right{
    border-left-color: #fff;
}


/*  THIS MAY BE DEPRECATED, OR SHOULD BE COMBINED  */
/*  CURRENTLY BEING USED ON /IT-AUTOMATION and HOME */

.ansible-cta-primary {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-decoration: none !important;
    display: inline-block!important;
    padding: 10px 28px !important;
    box-shadow: none;
    text-shadow: none;
    background: transparent;
    box-sizing: border-box!important;
    border: 1px solid #fff;
    /* margin-top: 18px; */
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    cursor: pointer;
    transition: 0.5s ease all;
}

.ansible-cta-primary:hover {
    color: #e1e3e4 !important;
    border-color: #e1e3e4 !important;
}






/* ===== FORMS ===== */
.hs-form-booleancheckbox {
    list-style: outside none;
}
ul.inputs-list {
    padding-left: 0;
}





/* ================================================================
     _                                
    | |                               
    | |_ ___  _ __  _ __   __ ___   __
    | __/ _ \| '_ \| '_ \ / _` \ \ / /
    | || (_) | |_) | | | | (_| |\ V / 
     \__\___/| .__/|_| |_|\__,_| \_/  
             | |                      
             |_| 

    MAIN MENU (2016)
    
================================================================ */


/* ===== 2016 - LP - Ansible by Red Hat Header  ===== */

.ansible-by-redhat-logo-header{
    background: #000;
    padding: 20px;
}

.ansible-by-redhat-logo-image{
    padding-left: 6px;
}

.ansible-by-redhat-logo-image img{
    width: 151px !important;
}

@media (min-width: 768px) {
    .ansible-by-redhat-logo-image img{
        width: 180px !important;
    }
}


/* ====================================================
                OUTER & INNER WRAPPER
==================================================== */
.mm-outer-wrapper {
    background: #161b1f;
}
.mm-outer-wrapper .ansi-logo img {

}
@media (min-width: 768px) {
    .mm-inner-wrapper {
        margin: 0 auto;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        max-width: 1200px;
    }
    .mm-outer-wrapper .ansi-logo img {
        padding: 12px 21px 23px 23px;
    }
    .header-container-wrapper .mobile-only
    .header-container-wrapper #mm .mobile-only,
    #mm li.mm-top-level.mobile-only {
        display: none !important;
    }
}

/* ====================================================
                MAIN MENU
==================================================== */
@media (min-width: 768px) {
    .header-container ul, .header-container li {
        list-style: none inside none;
        text-align: center;
    }
    
    #mm {
        position: relative;
        padding: 0;
        margin: 0;
        font-size: 14px;
    }
    .header-container-wrapper ul#mm * {
        text-align: left !important;
    }
    #mm ul {
        padding: 0;
        margin: 0;
    }
    #mm li,
    #mm li a {
        text-decoration: none;
        display: inline-block;
    }
    body #mm li.hidden-link {
        display: none !important;
    }
    #mm li.mm-top-level {
        position: relative !important;
        display: inline-block !important;
        text-align: left !important;
        padding-top: 12px;
    }
    #mm li.mm-top-level .mm-dd-wrapper {
        display: none;
        transition: 1s ease all;
    }
    #mm li.mm-top-level .mm-dd-wrapper.dropped {
        display: block;
    }
    #mm li a {
        color: #1678c4 !important;
        font-weight: 300;
        font-size: 14px;
    }
    #mm li a.external-link {
        background: url(//www.ansible.com/hubfs/external-link-icon.png) no-repeat right 0px top 9px transparent;
        background-size: 12px 12px;
        padding-right: 20px;
    }
    #mm li.mm-top-level > a {
        color: #ffffff !important;
        padding: 10px 14px 20px;
        background: transparent;
        position: relative !important;
        font-size: 15px;
        text-transform: uppercase;
    }
    #mm li.mm-top-level.mm-hover > a {
        background-color: #ffffff !important;
        color: #1678c4 !important;
    }
    #mm li.mm-top-level.active > a,
    #mm li.mm-top-level a.active {
        color: #5bbdbf !important;
    }
    #mm div.mm-dd-wrapper {
        position: relative;
        z-index: 99999;
        left: 0;
        background-color: #fff;
        text-align: left;
    }
    #mm .dd-area {
        position: absolute;
        height: auto;
        background: #ffffff;
        box-shadow: 0px 8px 8px rgba(0,0,0,0.33);
    }
    #mm ul.dd-column {
        text-align: left;
        display: block;
        float: left;
        width: 244px;
        box-sizing: border-box;
        padding: 0px 25px 40px;
        margin-top: 40px;
    }
    #mm .dd-column li {
        display: block !important;
    }
    #mm .dd-column li a {
        padding-top: 4px;
        padding-bottom: 4px;
        transition: 0.5s ease all;
        font-size: 14px;
    }
    #mm .dd-column li a:hover {
        color: #5bbdbf !important;
    }
    #mm ul.dd-feature {
        margin-top: 0;
        padding-top: 40px;
        background: #f2f2f2 !important;
    }
    #mm .dd-header > a {
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        padding-bottom: 8px;
        transition: 0.5s ease all;
    }
    #mm .dd-header > a:hover {
        color: #5bbdbf !important;
    }
    #mm ul.dd-column.wide-column {
        width: 266px;
    }
    #mm li.feature-thumb {
        margin-top: 0px;
        margin-left: -13px;
        margin-right: -13px;
        margin-bottom: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mm-inner-wrapper .row-fluid .span6.mm-menu {
        width: 70% !important;
    }
}

/* ============================
    OVERVIEW DROPDOWN
============================ */
@media (min-width: 768px) {
    #mm #dd-overview {
        left: -244px;
        /* width: 978px;   ***** REMOVED INDUSTRIES COLUMN ***** */
        width: 732px;
    }
    #mm #dd-overview li.feature-thumb {
        margin-top: 32px;
    }
    #mm .integrations-column {
        border-right: 1px solid #e1e3e4;
        border-left: 1px solid #e1e3e4;
        height: 303px;
    }
}
/*
commentd out 1/27/17 - remove if not re-enabled quickly
@media (min-width: 992px){
    #mm #dd-overview {
        left: -244px;
    }
}
*/

/* ============================
    PRODUCTS DROPDOWN
============================ */
@media (min-width: 768px) {
    #mm #dd-products {
        left: -162px;
        width: 510px;    
    }
    #mm #dd-products .dd-feature {
        height: 340px;
    }
}


/* ============================
    RESOURCES DROPDOWN
============================ */
@media (min-width: 768px) {
    #mm #dd-resources {
        left: -215px;
        width: 510px;    
    }
    #mm #dd-resources .dd-feature {
        height: 340px;
    }
}

@media (min-width: 992px) {
    #mm #dd-resources {
        left: -156px;
        width: 510px;    
    }
}

/* ============================
    COMMUNITY DROPDOWN
============================ */
@media (min-width: 768px) {
    #mm #dd-community {
        left: -324px;
        width: 512px;
    }
    #mm #dd-community .dd-feature {
        height: 300px;
    }
}

@media (min-width: 992px) {
    #mm #dd-community {
        left: -244px;
    }
}


/* ====================================================
                MOBILE MENU
==================================================== */

@media (max-width: 767px) {
    .mm-outer-wrapper {
        padding: 20px !important;
    }
    .mm-outer-wrapper .ansi-logo img {
        width: 151px !important;
        height: auto !important;
        max-width: 100% !important;
    }
    #mm {
        position: relative;
        padding: 20px !important;
        margin: 0 0 0 0 !important;
        display: none;
        transition: 0.5s ease all;
    }
    body .mm-menu {
        min-height: 0 !important;
    }
    #mm.triggered {
        display: block;
    }
    #mm-mobile-trigger {
        color: #ffffff;
        position: absolute;
        top: 24px;
        right: 20px;
    }
    #mm div.mm-dd-wrapper {
        display: none;
    }
    #mm li.mm-top-level {
        list-style: inside none !important;
    }
    #mm li.mm-top-level > a {
        display: block !important;
        text-transform: uppercase;
        text-decoration: none;
        color: #ffffff !important;
        font-size: 15px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 10px;
        border-bottom: 1px solid #5a5b5b;
    }
    .header-container-wrapper #mm .mobile-only {
        display: block !important;
    }
    #mm-mobile-trigger {
        cursor: pointer;
    }
    #mm-mobile-trigger i {
        display: inline;
        position: relative;
        top: -5px;
        margin-left: 5px;
    }
    #mm-mobile-trigger i:before, 
    #mm-mobile-trigger i:after {
        position: absolute;
        content: '';
    }
    #mm-mobile-trigger i,
    #mm-mobile-trigger i:before,
    #mm-mobile-trigger i:after {
        width: 15px;
        height: 2px;
        background-color: #fff;
        display: inline-block;
    }
    #mm-mobile-trigger.triggered i {
        background-color: rgba(0,0,0,0.0);
    }
    #mm-mobile-trigger.triggered i:before {
        transform: rotate(45deg);
        margin-top: 0;
    }
    #mm-mobile-trigger.triggered i:after {
        transform: rotate(-45deg);
        margin-top: 0;
    }
    #mm-mobile-trigger i:before {
        margin-top: -6px;
    }
    #mm-mobile-trigger i:after {
        margin-top: 6px;
    }
}

/* ====================================================
                HEADER CTA BUTTON
==================================================== */

.mm-inner-wrapper .row-fluid .span3.header-cta {
    display: none;
}

@media (min-width: 992px){
    
    .mm-inner-wrapper .row-fluid .span3.header-cta {
        display: block;
        text-align: right;
    }
    
    .header-cta .header-cta-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-decoration: none !important;
        display: inline-block !important;
        height: 40px;
        line-height: 40px;
        padding: 0 28px !important;
        box-shadow: none;
        text-shadow: none;
        background: transparent;
        box-sizing: border-box !important;
        border: 1px solid #fff;
        color: #fff !important;
        text-transform: uppercase !important;
        font-size: 14px !important;
        cursor: pointer;
        transition: color .4s ease-in-out, border-color .4s ease-in-out;
        margin-top: 12px;
        margin-right: 20px;
    }
    .header-cta .header-cta-button:hover {
        color: #e1e3e4 !important;
        border-color: #e1e3e4 !important;
    }
    
    .header-cta .header-cta-button.download-cta {
        padding: 0px 15px !important;
    }
}



/* ====================================================
                OTHER CSS OVERRIDES
==================================================== */
.header-container-wrapper .cell-wrapper {
    margin-bottom: 0 !important;    
}



/* ================================================================
      __            _            
     / _|          | |           
    | |_ ___   ___ | |_ ___ _ __ 
    |  _/ _ \ / _ \| __/ _ \ '__|
    | || (_) | (_) | ||  __/ |   
    |_| \___/ \___/ \__\___|_|   

    April 2016
    
================================================================ */


.ans-footer-wrapper {
    background: #161b1f;
    padding-top: 30px;
    padding-bottom: 20px;
}
.ans-footer-wrapper a {
    color: #ffffff;
    transition: 0.5s ease all;
}
.ans-footer-wrapper a:hover {
    color: #c4c4c4 !important;
}
.ans-logo-footer {
    height: 43px !important;
    box-sizing: border-box !important;
}
.ans-logo-footer img {
    width: 134px !important;
}
.ans-footer-wrapper ul {
    margin-bottom: 36px;
    padding-left: 0;
}
.ans-footer-wrapper ul li {
    list-style: outside none;
}
.ans-footer-wrapper ul li a {
    text-decoration: none;
}
.ans-footer-wrapper ul li,
.ans-footer-wrapper ul li a {
    color: #ffffff;
    font-size: 14px !important;
    line-height: 2 !important;
}
.ans-footer .footer-header,
.ans-footer .footer-header a {
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
}
.ans-footer .footer-header {
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}
.ans-copyright * {
    color: #858585 !important;
    font-size: 12px !important;
}


.social-icons-footer {
    text-align: right;
}
.social-icons-footer ul li,
.social-icons-footer ul li a,
.social-icons-footer ul li img {
    display: inline-block !important;
}
.social-icons-footer ul li a {
    padding: 0px 10px;
}
.social-icons-footer ul li a.no-padding {
    padding: 0px 0px;
}
.social-icons-footer a img {
    transition: 0.5s ease all;
}
.social-icons-footer a:hover img {
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}
@media (min-width: 481px) {
    body .mobile-footer-wrapper {
        display: none !important;
        min-height: 0 !important;
        height: 0 !important;
    }    
    body .ans-footer-wrapper {
        display: block !important;
    }
}

/* ================================================================
    TABLET Footer 
================================================================ */
@media (min-width: 1040px) {
    .footer-sites-tab {
        display: none !important;
    }
}

@media (max-width: 1039px) {
    .ans-logo-footer img {
        width: 100px !important;
        padding-top: 10px;
    }
    .footer-related-links {
        display: none !important;
        width: 0 !important;
    }
    .footer-col-tab {
    width: 17% !important;
    }
}

@media (max-width: 768px) {
    .ans-footer .footer-header {
        margin-top: 40px !important;
    }
    .footer-col-tab {
        width: 100% !important;
    }
}


/* ================================================================
    MOBILE Footer 
================================================================ */
@media (max-width: 480px) {
    body .mobile-footer-wrapper {
        display: block !important;
    }    
    body .ans-footer-wrapper {
        display: none !important;
        min-height: 0 !important;
        height: 0 !important;
    }
}
.mobile-footer-wrapper {
    background: #161b1f;
}
.mobile-footer-wrapper * {
    color: #ffffff;
}
.mobile-footer-wrapper ul {
    padding-left: 0;
}
.mobile-contact-us {
    background: #cf0000 !important;
    width: 100%;
    height: auto !important;
    padding: 12px 24px;
    display: block;
}
.mobile-logo {
    margin-top: 8px;
    margin-bottom: 12px;
}
.mobile-logo,
.mobile-logo a,
.mobile-logo img {
    width: 100px !important;
    height: 32px;
    display: block !important;
}
.mobile-footer {
    padding: 12px 24px;
}
.mobile-footer-menu ul li {
    list-style: outside none;    
}
.mobile-contact-us *,
.mobile-footer-menu ul li a {
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 2.5;
    font-size: 14px;
    transition: 0.5s ease all;
}
.mobile-footer-social {
    text-align: left;
}
.mobile-footer-social ul li,
.mobile-footer-social ul li a,
.mobile-footer-social ul li img {
    display: inline-block !important;
    box-sizing: content-box !important;
    height: 24px 
    width: 24px;
}
.mobile-footer-social ul li a {
    padding: 0px 10px;
}
.mobile-footer-social ul li a.no-padding {
    padding: 0px 0px;
}
.mobile-copyright * {
    color: #858585 !important;
    font-size: 11px !important;
    line-height: 2.5 !important;
    -webkit-font-size-adjust: 100% !important;
    font-size-adjust: 100% !important;
}


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

                          __            _            
                         / _|          | |           
   _ __   _____      __ | |_ ___   ___ | |_ ___ _ __ 
  | '_ \ / _ \ \ /\ / / |  _/ _ \ / _ \| __/ _ \ '__|
  | | | |  __/\ V  V /  | || (_) | (_) | ||  __/ |   
  |_| |_|\___| \_/\_/   |_| \___/ \___/ \__\___|_|   


    Sept 2018
    
================================================================ */

footer#ans-footer .container,
footer#rh .container {
  text-align: left;
  max-width: none;
  line-height: 1.4;
} 

.bg-gray-dark {
    background-color: #333;
    color: #fff;
    font-weight: 300
}

footer#ans-footer {
    background-color: #131313;
    color: #fff;
    font-size: 1.4rem
}

footer#ans-footer .d-flex {
    display: flex;
    flex-direction: column;
}

footer#ans-footer .d-flex.flex-wrap {
    flex-wrap: wrap
}

footer#ans-footer .d-flex:before {
    display: none
}

footer#ans-footer .pt-5 {
    padding-top: 50px
}

footer#ans-footer .py-5 {
    padding-top: 50px;
    padding-bottom: 50px
}

footer#ans-footer .px-4 {
    padding-left: 40px;
    padding-right: 40px
}

footer#ans-footer .mb-4 {
    margin-bottom: 40px
}

footer#ans-footer h5,
footer#ans-footer h6 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
    margin-top: 0
}

footer#ans-footer h5 {
    font-size: 1.8rem
}

footer#ans-footer h6 {
    font-size: 1.5rem;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
    line-height: 1.4em;
}

footer#ans-footer h6:before {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    top: 0;
    left: 20px;
    display: block;
    transition: transform .3s ease-in-out
}

footer#ans-footer h6.open:before {
    transform: rotate(90deg)
}

footer#ans-footer p {
    font-size: 1.4rem;
    font-weight: 300
}

footer#ans-footer ul.nav {
    padding-bottom: 30px
}

footer#ans-footer ul.nav a {
    font-size: 1.4rem;
    color: #fff;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 300
}

footer#ans-footer ul.nav a:focus,
footer#ans-footer ul.nav a:hover {
    background-color: transparent
}

footer#ans-footer ul.nav.social li {
    display: inline-block
}

footer#ans-footer ul.nav.social a {
    padding: 5px 9px
}

footer#ans-footer ul.nav.social .fa {
    font-size: 2.88rem;
    color: #fff
}

footer#ans-footer .nav-extended {
    order: 2
}

footer#ans-footer .nav-extended ul.nav {
    padding-left: 40px
}

footer#ans-footer .nav-about {
    order: 1
}

footer#rh nav,
footer#rh p {
    padding-top: 10px;
    margin-top: 0px;
	margin-bottom: 0px;
}

footer#rh nav a,
footer#rh p {
    font-size: 1.2rem;
    font-weight: 400;
    color: #aaa;
}

footer#rh {
    background-color: #000;
    padding: 10px 20px
}

footer#rh .logo{
  	height: 40px !important;
}

footer#rh nav {
    display: flex;
    flex-direction: column;
}

footer#rh nav a {
    padding-bottom: 6px
}

@media (min-width:768px) {
    footer#ans-footer .d-flex {
        flex-direction: row;
    }
    
    footer#ans-footer .nav-extended {
        order: 1
    }
    footer#ans-footer .nav-about {
        order: 2
    }
    footer#rh {
        padding: 10px 0
    }
    footer#rh nav {
	    flex-direction: row;
    }
    footer#rh nav a {
        padding: 0 10.4px;
        border-right: 1px solid #6c6c6c
    }
  
    footer#rh nav a:last-child {
      	border: 0;
  	}
}

@media (min-width:992px) {
    footer#ans-footer .nav-extended ul.nav {
        padding-left: 0
    }
    footer#ans-footer .nav-extended div[id*="-nav"] {
        display: block
    }
  
    footer#ans-footer h6 {
        padding-left: 0;
        cursor: initial
    }
    footer#ans-footer h6:before {
        display: none
    }
}



/* ================================================================
      __                       _                   _       
     / _|                     (_)                 | |      
    | |_ ___  _ __ _ __ ___    _ _ __  _ __  _   _| |_ ___ 
    |  _/ _ \| '__| '_ ` _ \  | | '_ \| '_ \| | | | __/ __|
    | || (_) | |  | | | | | | | | | | | |_) | |_| | |_\__ \
    |_| \___/|_|  |_| |_| |_| |_|_| |_| .__/ \__,_|\__|___/
                                      | |
                                      |_|
================================================================ */



.hs-form-field{
    margin-bottom: 15px;
}

.hs-form fieldset.form-columns-1 .hs-input:not([type="checkbox"]) {
    width: 100% !important;
}

ul.hs-error-msgs{
    font-size: 13px;
    padding-left: 20px;
    list-style-position: initial !important;
}

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 {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #afbbc2;
    border-radius: 5px;
    line-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 14px;
    color: #444;
}
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 {
    height: 36px;
}

input[type="submit"] {
    font-family: RedHatDisplay,Overpass,sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff !important;
    padding: 7px 33px 8px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 3px;
    margin-right: 30px;
    background: #e00;
    margin-top: 10px;
}

select {
    overflow: hidden;
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/arrow-dropdown.png) no-repeat scroll right center #ffffff;
    cursor: pointer;
}

input[type="checkbox"] {
    -webkit-appearance: none !important;
    /*-moz-appearance: none !important;*/
    appearance: none !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px !important;
    margin-bottom: 5px !important;
    vertical-align: middle !important;
    background: url(//www.ansible.com/hubfs/2017_Images/Assets/unchecked.svg) no-repeat scroll center center #ececec !important;
    border-top: 0 none !important;
    border-bottom: 0 none !important;
    border-left: 0 none !important;
    border-right: 0 none !important;
    top: 0px; /* override for subscription center page */
}
input[type="checkbox"]:checked {
    background-image: url(//www.ansible.com/hubfs/2017_Images/Assets/checked.svg) !important;
}
li.hs-form-checkbox {
    list-style: outside none !important;
}

li.hs-form-checkbox label{
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0px;
}

label.hs-form-checkbox-display{
    font-weight: normal;
    font-size: 15px;
}

.hs-form hr{
    border-top: 1px solid #ddd;
}

/* ===== WISTIA VIDEO-GATE FORMS ===== */
/* get really specific to override */

.wistia_embed .wistiaHubspotFormWrapper .hs-richtext {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    font-size: 21px !important;
    display: block;
    margin-bottom: 20px;
}

.wistia_embed .wistiaHubspotFormWrapper .hs-form-field label{
    display: none;
}

.wistia_embed .wistiaHubspotFormWrapper .hs-form-field .hs-error-msgs label{
    display: block;
}

.wistia_embed .wistiaHubspotFormWrapper .hs-button.primary {
    background: #337ab7 !important;
    padding: 10px 30px !important;
}



/* ================================================================
                         _       _  
                        | |     | | 
     _ __ ___   ___   __| |_   _| | ___  ___ 
    | '_ ` _ \ / _ \ / _` | | | | |/ _ \/ __|
    | | | | | | (_) | (_| | |_| | |  __/\__ \
    |_| |_| |_|\___/ \__,_|\__,_|_|\___||___/
    
    WHEN ADDING GLOBAL MODULE CSS, PLEASE NOTE THE MODULE NAME
    AND WHICH PAGE(S) THE CODE IS USED ON
    
================================================================ */


/* ===== CALENDAR HEADLINE MODULE ===== */
.calendar-headline {
    margin-bottom: 44px;
    padding-left: 20px;
}
a.calendar-headline-link {
    text-decoration: none;
}
.calendar-date {
    color: #848992;
    margin-top: 8px;
    padding-left: 40px;
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/retina-icons/icon-calendar2x.png) no-repeat scroll left center transparent;
    background-size: 24px 24px;
}
@media (min-width: 768px) {
    a.calendar-headline-link {
        max-width: 80%;
        display: inline-block;
    }
}




/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    RESOURCE LIBRARY
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */



ul#resource-items-list{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding-left: 0px;
    /*margin-left: 0px;*/
    overflow: hidden;
    list-style: none;
}

ul#resource-items-list li{
    margin-left: 0px;
    margin-bottom: 20px;
}

ul#resource-items-list li .hs-featured-image-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

#resource-items-list li.hidden{
    top: 0px;
    left: 0px;
}

ul#resource-items-list .panel-resource,
.panel-resource{
    height: 100%;
    position: relative;
    border-radius: 0px;
    background: #fff;
    padding: 15px 15px;
    border: 1px solid #eee;
    color: #333;
}

ul#resource-items-list .panel-resource h3,
.panel-resource h3{
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}

ul#resource-items-list .panel-resource h4,
.panel-resource h4{
    color: #999;
    font-size: 16px;
}

ul#resource-items-list .panel-resource .post-item img,
.panel-resource .post-item img{
    border: 1px solid #eee;
}

ul#resource-items-list .panel-resource .panel-body,
.panel-resource .panel-body{
    padding: 0px 10px;
}

ul#resource-items-list .panel-video svg.video-arrow{
    width: 120px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

ul#resource-items-list .panel-video svg .video-arrow-bg{
    fill: rgba(107,170,172,0.9)
}

ul#resource-items-list .panel-video svg .video-arrow{
    fill: rgba(255,255,255,0.9);
}

.panel-new-resource{
    font-size: 20px;
    position: relative;
    padding-bottom: 40px;
}

.panel-new-resource h3,
.panel-new-resource h4{
    margin-top: 0px;
}


.panel-new-resource h3{
    font-size: 13px;
    color: #b0b0b4;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.panel-new-resource h4{
    font-size: 18px;
    font-weight: 600;
    color: #1678c4;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.panel-new-resource .panel-body{
    padding: 40px;
}






/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    POSSIBLY CONSOLIDATE CALENDAR & EVENT STYLES
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== EVENT LISTING MODULE ===== */

.event-listing-date {
    color: #848992;
    margin-top: 8px;
    padding-left: 40px;
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/retina-icons/icon-calendar2x.png) no-repeat scroll left center transparent;
    background-size: 24px 24px;
}
.event-listing-location {
    color: #848992;
    margin-top: 8px;
    padding-left: 40px;
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/retina-icons/event-listing-location2x.png) no-repeat scroll left center transparent;
    background-size: 24px 24px;
}
@media (min-width: 768px) {
    a.calendar-headline-link {
        max-width: 80%;
        display: inline-block;
    }
}


/* ===== EVENTS LISTING & HOME PAGE MODIFICATIONS ===== */
.calendar-date,
.event-listing-location,
.event-listing-date,
.latest-press-releases .date-posted {
    font-size: 14px;
    line-height: 26px !important;
}
.event-listing-thumb {
    display: none;
}




/* ===== GET STARTED MODULE ===== */
.get-started-module {
    border-bottom: 1px solid #c1c4c8;
    margin-bottom: 18px;
}
.get-started-module a {
    text-decoration: none;
    color: #1678c4;
}
.get-started-left {
    text-align: center;
}
.get-started-headline,
.get-started-headline a {
    font-size: 16px;
    color: #1678c4;
    text-decoration: none;
}

@media (min-width: 768px) {
    .get-started-headline {
        margin-top: 0;
    }
    .get-started-left {
        width: 29%;
        float: left;
        display: inline-block;
        padding-top: 25px;
    }
    .get-started-right {
        width: 71%;
        display: inline-block;
        float: right;
    }
}



/* ===== FEATURED RESOURCE CTA (CUSTOM MODULE) ===== */
.resource-module-wrapper {
    display: inline-block !important;
    width: auto !important;
    margin: 9px 8px 9px 9px !important;
    vertical-align: top !important;
}
.featured-resource-cta {
    width: 270px !important;
    cursor: pointer;
    font-size: 16px;
    display: inline-block !important;
    text-decoration: none !important;
}
.whitepaper-background {
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/resources/resource-whitepaper.png) no-repeat scroll center center #5bbdbf;
}
.case-study-background {
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/resources/resource-case-study-2.png) no-repeat scroll center center #848992;
}
.video-background {
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/resources/resource-video.png) no-repeat scroll center center #848992;
}
.video-background-red {
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/resources/resource-webinar.png) no-repeat scroll center center #e00;    
}
.whitepaper-background,
.case-study-background,
.video-background,
.video-background-red,
.full-img-background {
    background-size: 270px 320px;
    width: 270px;
    height: 320px;
    text-align: center;
}
.full-img-background {
    padding: 0;
}
.whitepaper-background .featured-resource-image,
.case-study-background .featured-resource-image {
    padding-top: 35px;
}
.video-background .featured-resource-image,
.video-background-red .featured-resource-image {
    padding-top: 72px;
}
.whitepaper-background .featured-resource-image img,
.case-study-background .featured-resource-image img {
    width: 190px;
    height: 250px;
}
.video-background .featured-resource-image img,
.video-background-red .featured-resource-image img {
    width: 240px;
    height: 176px;
}
.featured-resource-description {
    text-align: center;
    box-sizing: border-box;
    min-height: 130px;
    background: #ffffff;
    padding: 20px 10px;
    position: relative;
    vertical-align: top;
}
.featured-resource-title {
    margin-top: 0;
    line-height: 1.3 !important;
    color: #161b1f !important;
}
.featured-resource-link-name {
    color: #1678c4;
    text-transform: uppercase;
    position: absolute;
    bottom: 8px;
    font-size: 14px;
    left: 0;
    right: 0;
}
.play-video-small:before {
    content: ' ';
    padding: 9px 18px 9px 9px;
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/resources/icon-watch-video-small.png) no-repeat scroll left center transparent;
}



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    FIND THIS IN THE SITE
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== SIDEBAR FEATURE (CUSTOM MODULE) ===== */
.sidebar-feature-wrapper {
    margin-top: 10px;
    margin-bottom: 20px;
}
.sidebar-feature-thumbnail img {
    width: 100% !important;
    height: auto !important;
}
.sidebar-feature-wrapper .sidebar-feature-link-url a {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-decoration: none !important;
    display: inline-block!important;
    height: 36px;
    line-height: 36px;
    padding: 0 28px!important;
    box-shadow: none;
    text-shadow: none;
    background: transparent;
    box-sizing: border-box!important;
    border: 1px solid #fff;
    margin-top: 18px;
    color: #fff!important;
    text-transform: uppercase!important;
    font-size: 14px!important;
    cursor: pointer;
}



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    BLOG?
    WEBINARS?
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== TEAM MEMBER (CUSTOM MODULE) ===== */
.team-member {
    margin-top: 10px;
    margin-bottom: 20px;
}
.team-member-picture img {
    box-sizing: border-box !important;
    width: 364px;
    max-width: 100%;
    height: auto;
    border: 3px solid #e9e9e9;
}
.team-member-description-area {
    padding: 15px;
}
.team-member-name {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 10px;
}
.team-member-title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #848992;
}
.team-member-description {
    font-size: 14px;
}
@media (min-width: 768px) {
    .team-member {
        width: 33%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        display: block;
        float: left;
        min-height: 600px;
    }    
}


/* ===== BOARD MEMBER (CUSTOM MODULE) ===== */
.board-member {
    background: #f2f2f2;
    padding: 20px;
}
.board-member-company-logo {
    float: left;
    max-width: 30%;
    box-sizing: border-box;
}
.board-member-company-logo img {
    background: #ffffff;
    width: 130px;
    padding: 10px;
    height: auto;
    max-width: 100%;
    box-sizing: border-box;
}
.board-member-description-area {
    max-width: 70%;
    box-sizing: border-box;
    float: right;
    padding-left: 10px;
}
.board-member-name {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 10px;
}
.board-member-title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #848992;
}
.board-member-description {
    font-size: 14px;
}
@media (min-width: 768px) {
    .board-member {
        box-sizing: border-box;
        min-height: 350px;
    }
    .board-member-wrapper {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        display: block;
        float: left;
    }    
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    RELATED TO FEATURED RESOURCE? 
    CONSOLIDATE?
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== RELATED RESOURCE (CUSTOM MODULE) ===== */

.related-resource {
    background: #f2f2f2;
    padding: 5px;
}
.related-resource-img {
    float: left;
    width: 300px;
    box-sizing: border-box;
}
.related-resource-img img {
    width: 300px;
    padding: 5px;
    height: auto;
    max-width: 100%;
    box-sizing: border-box;
}
.related-resource-description-area {
    box-sizing: border-box;
    float: left;
    padding: 20px;
}
.related-resource-type {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    color: #848992;
    border-bottom: 1px solid #c1c4c8;
}
.related-resource-title {
    margin-bottom: 10px;
    font-size: 16px;
    color: #161b1f;
}
.related-resource-link-title {
    font-size: 14px;
}
.related-resource-link-title a {
    text-decoration: none;
    font-size: 14px;
    color: #1678c4;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .related-resource {
        box-sizing: border-box;
    }
    .related-resource-wrapper {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        display: block;
        float: left;
    }    
}

@media (max-width: 1200px) {
    .related-resource-img {
        display: none;
    } 
    .related-resource-type {
        border-bottom: none;
    }
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    DID NOT SEE THIS IN THE PRODUCT SETION 
    NEEDS REVIEW
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== PRODUCT FEATURE (CUSTOM MODULE) ===== */
.product-feature-wrapper {
    margin: 20px 0 30px;
}
.product-feature {
    padding: 10px 20px 20px;
}
.product-feature.thumbnail-left {}
.product-feature.thumbnail-right {}
h3.product-feature-headline.underline-heading {}
.product-feature-thumbnail img {
    border: 10px solid #ececec;   
    border-radius: 6px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.product-feature-description {}

@media (min-width: 768px) {
    .product-feature-thumbnail {
        width: 57%;
        box-sizing: border-box;
    }
    .product-feature.thumbnail-left .product-feature-thumbnail {
        float: left;
    }
    .product-feature.thumbnail-right .product-feature-thumbnail {
        float: right;
    }
    .product-feature-description {
        box-sizing: border-box;
        width: 43%;
    }
    .product-feature.thumbnail-left .product-feature-description {
        float: right;
        padding-left: 40px;
    }
    .product-feature.thumbnail-right .product-feature-description {
        float: left;
        padding-right: 40px;
    }
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    DID NOT SEE THIS IN THE PRODUCT SECTION 
    NEEDS REVIEW
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== TOWER SETUP STEP (CUSTOM MODULE) ===== */
.tower-feature-wrapper {
    margin: 20px 0 50px;
}
.tower-feature {
    padding: 10px 20px 20px 40px;
}
h3.tower-feature-headline.underline-heading {}

.tower-feature-thumbnail {
    border: 10px solid #ececec;   
    border-radius: 6px;
    height: auto;
    margin: 10px;
    margin-top: 20px;
    box-sizing: border-box;
}
.tower-feature-description {
    padding-left: 20px;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    CUSTOMER QUOTE AND RELATED STYLES / ELEMENTS SHOULD
    BE CLEANED UP. USE FIGURE, BLOCKQUOTE, CITE, ETC.
    E.G. http://alistapart.com/blog/post/more-thoughts-about-blockquotes-than-are-strictly-required
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== QUOTE AND VIDEO (CUSTOM MODULE) ===== */
.quote-and-video-custom-group {
    margin-bottom: 50px;
}
.quote-left {
    padding: 60px 6.25%;
    background: #f2f2f2;
    color: #848992;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-style: italic;
}
.quote-left-text {
    padding-left: 44px;
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/icon-quotes.png) no-repeat scroll left 0px top 6px #f2f2f2;
}
@media (max-width: 767px) {
    .quote-left {
        font-size: 18px;
        line-height: 26px;
    }    
}
.quote-left a.watch-video {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding-left: 24px;
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/icon-watch-video-small.png) no-repeat scroll left center transparent;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 20px;
    text-decoration: none;
}
.play-video {
    display: inline-block;
    width: 100% !important;
    margin: 0 0 0 0 !important;
    position: relative;
    cursor: pointer;
}
.video-bg {
    background: no-repeat scroll center center #f2f2f2;
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 300px;
    z-index: -1;
}
img.video-bg-src {
    display: none !important;
    min-height: 0 !important;
}
.play-button {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 29px;
    height: 58px;
    width: 58px;
    /* z-index: 99; */
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/play-button.png) no-repeat scroll center center transparent;
}

@media (min-width: 767px) {
    .half-width {
        width: 50% !important;
        float: left !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ===== CLIENT QUOTE (CUSTOM MODULE) ===== */
.client-quote-wrapper {
    background: #f2f2f2;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 50px;
}
.client-quote {
    box-sizing: border-box;
    max-width: 760px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
}
.quote-text {
    text-align: left;
    box-sizing: border-box;
    padding-left: 44px;
    background: url(//www.ansible.com/hubfs/-2015-template-assets/images/icon-quotes.png) no-repeat scroll left 0px top 6px #f2f2f2;
    width: 100%;
    color: #848992;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-style: italic;
    background-size: initial;
}

.client-logo {
    text-align: center;
    width: 100%;
}

/* ===== CLIENT QUOTE AND PIC (CUSTOM MODULE) ===== */
.client-quote-and-pic-wrapper {
    text-align: center;
    padding: 20px 40px;
}
.client-name,
.client-twitter {
    color: #848992;
    font-size: 14px;
}
.client-photo img {
    border-radius: 50%;
    margin-top: 30px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .quote-text {
        font-size: 18px;
        line-height: 26px;
        padding-left: 32px;
        background-size: 25px;
    }    
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    FIND THIS IN THE WEBSITE, VERIFY IT IS STILL IN USE
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== GET TOWER (GLOBAL MODULE) ===== */
.get-tower-wrapper {
    text-align: center;
    background: #646464;
    padding-top: 40px;
    padding-bottom: 80px;
}
.get-tower-wrapper * {
    color: #ffffff;
}
.get-tower h3 {
    text-transform: uppercase;
    margin-bottom: 0;
}
.get-tower p {
    margin-top: 0;
}

@media (min-width: 768px) {
    .get-tower-wrapper h3 {
        font-size: 32px;
    }
}


/* ===== OReilly Book Free Sample (GLOBAL MODULE) ===== */
.oreilly-sample-wrapper {
    background: #e1e3e4;
    padding: 30px 0px;
    color: #161b1f;
    text-align: center;
}

.oreilly-sample-wrapper .inner-wrapper{
    padding-left: 30px !important;
}

.oreilly-sample-wrapper h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}
.oreilly-sample-wrapper h4 {
    color: #848992;
}

.oreilly-sample-wrapper h4 strong{
    font-weight: bold;
}

.oreilly-sample-wrapper p {
    margin-top: 0;
}

.oreilly-sample-wrapper .ansible-cta-blue{
    margin-right: 0px;
}

.oreilly-book-image-wrapper {
    padding: 20px;
    text-align: center;
    background: #e1e3e4;
}

@media (min-width: 768px) {
    .oreilly-sample-wrapper h3 {
        font-size: 36px;
        line-height: 40px;
    }
    
    .oreilly-sample-wrapper {
        text-align: left;
    }
    
    .oreilly-sample-wrapper h4 {
        font-size: 16px;
    }
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    PRESENTER INFO IS LIKELY IN WEBINARS
    LOOK FOR OVERLAP WITH TEAM MEMBER STYLES
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== PRESENTER INFO (CUSTOM MODULE) ===== */

.presenter-picture img {
    width: 160px;
    height: auto;
    max-height: 160px;
    border-radius: 50%;
    max-width: 100%;
}
.presenter-name {
    font-weight: bold;
}

@media (min-width: 768px) {
    .presenter-picture {
        box-sizing: border-box;
        display: block;
        float: left;
        width: 30%;
    }
    .presenter-bio {
        display: block;
        float: right;
        width: 70%;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .presenter-info {
        padding-left: 20px;
        padding-right: 20px;
    }    
    .presenter-name {
        margin-top: 20px;
    }
}

/* ===== PRESENTER INFO (CUSTOM MODULE) ===== */
.webinar-series-wrapper {
    margin-bottom: 60px;
}
.webinar-series {
    padding-left: 20px;
    padding-right: 20px;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    FIND THIS IN THE WEBSITE, VERIFY IT IS STILL IN USE
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== STICKY BAR CTAs (GLOBAL MODULE) ===== */
.sticky-bar-wrapper {
    min-height: 0;
    background: rgba(255,255,255,0.5);
    position: fixed !important;
    bottom: 0 !important;
    text-align: center !important;
    padding-top: 6px;
}

.sticky-bar-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    margin-left: auto;
    margin-right: auto;
}
.sticky-bar-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li a {
    color: #ffffff !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    display: inline-block !important;
    padding: 0px 40px !important;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 52px !important;
    height: 52px !important;
    background: #e00 !important;
    max-width: none;
}
.sticky-bar-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover {
    background: #e00 !important;
    color: #ffffff !important;
}
.sticky-bar-wrapper .hs-menu-wrapper,
.sticky-bar-wrapper .hs-menu-wrapper ul {
    height: 52px;
}

/* ===== PRICING LEVEL NODE (CUSTOM MODULE) ===== */
.pricing-level-node {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #bec0c4;
    box-sizing: border-box !important;
    width: 100%;
}
.pricing-node-count {
    font-weight: bold;
}
.pricing-cost {
    
}

@media (max-width: 767px) {
    .sticky-bar-wrapper {
        display: none !important;
    }    
}



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    FIND THIS IN THE WEBSITE, VERIFY IT IS STILL IN USE
    I BELIEVE THIS WAS ON THE HOMEPAGE AND IS NOW GONE
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== ANNOUNCEMENT-BOX-WRAPPER (CUSTOM MODULE) ===== */
.announcement-box-wrapper {
    padding: 20px; !important;
    box-sizing: border-box !important;
    height: 285px;
}



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    WAS THERE AN OLDER SUCCESS STORIES MODULE AND AN 
    UPDATED VERSION? CONSOLIDATE, REMOVE UNNECESSARY STYLES
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== SUCCESS STORIES (CUSTOM MODULE) ===== */
.success-story-wrapper {
    background-color: #f2f2f2;
    padding: 10px;
    text-align: center;
}
.success-person img {
    border-radius: 50%;
}
.success-name {
    font-weight: bold;
}
.success-name,
.success-title {
    color: #848992;
    font-size: 14px;
}
.name-wrapper {
    height: 80px;
}
.success-quote-text {
    padding-bottom: 20px;
    box-sizing: border-box !important;
}
.additional-link {
    text-decoration: none;
    color: #1678c4;
    display: inline-block;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* ================= SUCCESS STORIES 2016 CUSTOM MODULE ================= */
.success-story-link {
    text-decoration: none !important;
    border: 2px solid transparent;
    transition: 0.5s ease all;
    padding-top: 1px;
    display: inline-block !important;
    max-width: 370px;
    margin-bottom: 16px;
}
@media (min-width: 1210px) {
    .success-story-link {
        width: 370px !important;
        min-width: 370px !important;
        max-width: 370px !important;
    }
}
.success-story-link:hover {
    border: 2px solid #e1e3e4 !important;
}
.success-story-details {
    padding: 26px 36px 20px;
    box-sizing: border-box;
    background: #e1e3e4;
    transition: 0.5s ease all;
}
.success-story-link:hover .success-story-details {
    background: #eeeeee;
}
a .success-story-details * {
    color: #161b1f !important;
    text-decoration: none !important;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    WE SHOULD BE ABLE TO COMBINE THIS WITH CLIENT QUOTE 
    STYLES AND REMOVE THE BELOW
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ================= TESTIMONIALS 2016 CUSTOM MODULE ================= */

.testimonal-v2-wrapper {
    background: #f2f2f2;
    padding: 45px 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: left;
}
.testimonial-v2-logo img {
    padding-bottom: 30px !important;
    height: 60px !important;
    width: auto !important;
    box-sizing: content-box !important;
}
.testimonial-v2-quote {
    color: #4c4c4c;
    font-style: italic;
    padding-bottom: 30px;
}
.testimonial-v2-quote p img {
    width: 14px;
    height: 11px;
    float: left;
    margin-right: 5px;
    position: relative;
    bottom: -3px;
}
.testimonial-v2-author-bio {
    color: #4c4c4c;
}
.testimonal-v2-wrapper a {
    text-decoration: none;
}
.testimonial-v2-author-thumb {
    width: 70px;
    height: 70px;
    margin-right: 15px;
    display: block;
    float: left;
}
.testimonial-v2-author-thumb img {
    border-radius: 50%;
}
.testimonial-topic-link {
    padding-top: 4px;
    display: block;
}
@media (min-width: 768px) and (max-width: 1150px) {
    .testmonial-v2-author-bio {
        clear: both;
    }
    .testimonial-v2-author-thumb {
        margin-bottom: 8px;
    }
}
@media (min-width: 768px) and (max-width: 890px) {
    .testmonial-v2-author-bio {
        font-size: 13px;
    }
}



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    FIND THIS IN THE WEBSITE, VERIFY IT IS STILL IN USE
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== EXPANDABLE RELATED RESOURCES OVERVIEW SECTION FY17 ===== */

.err-description a {
    text-decoration: none;
}

.err-wrapper-wrapper {
    float: left !important;
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    display: block;
}
.err-wrapper-wrapper.right-float {
    float: right !important;
}
.err-wrapper {
    padding: 18px;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 100%;
    background: #f2f2f2;
    clear: none !important;
}
.err-wrapper:nth-child(even) {
    float: right;
}
.err-has-thumbnail .err-thumbnail {
    width: 250px !important;
    margin-right: 15px !important;
    float: left !important;
    padding-bottom: 5px;
}
.err-thumnbnail img {}
.err-description-wrapper {
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
}
.err-has-thumbnail .err-description-wrapper {
    /*float: right !important;*/
    display: inline-block !important;
    width: auto !important;
    max-width: 198px;
    padding-right: 10px;
    box-sizing: border-box !important;
}

.err-thumbnail img {
     
}

.err-title {}
.err-title h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    color: #848992;
    border-bottom: 1px solid #c1c4c8;
    padding: 0;
}
.err-has-thumbnail .err-title h3 {
    margin-right: -10px;
}

@media (max-width: 1220px) {
    .err-has-thumbnail .err-description-wrapper {
        float: right !important;
        display: inline-block !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .err-wrapper-wrapper {
        float: left !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-top: 20px;
        margin-bottom: 20px;
        box-sizing: border-box;
        display: block;
    }
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    FIND THIS IN THE WEBSITE, VERIFY IT IS STILL IN USE
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== PARTNER BOX and INTEGRATION BOXs (CUSTOM MODULES) ===== */
.partner-group-wrapper {
    margin-bottom: 50px;
}
.partner-box-wrapper, .integration-box-wrapper {
    box-sizing: border-box !important;
    border: 3px solid #f2f2f2;
    margin: 0px 1.4% 30px;
    display: inline-block !important;
    float: left;
}
.integration-logo-wrapper {
    box-sizing: border-box !important;
    border: 3px solid #f2f2f2;
    margin: 0px 1.4% 30px;
    display: inline-block !important;
    float: left;
}
.partner-box-wrapper, .integration-box-wrapper, .integration-logo-wrapper * {
    font-size: 14px !important;
}
.four-column-flex .partner-box-wrapper, .four-column-flex .integration-box-wrapper,  .four-column-flex .integration-logo-wrapper {
    width: 22.1%;
}
.six-column-flex .partner-box-wrapper, .six-column-flex .integration-box-wrapper, .six-column-flex .integration-logo-wrapper {
    width: 13.8%;
}
.partner-box .partner-bottom {
    background: #f2f2f2;
    padding: 6px 15px 20px;
    box-sizing: border-box;
    height: 240px;
}
.integration-box .integration-bottom {
    background: #f2f2f2;
    padding: 12px 15px 12px;
    box-sizing: border-box;
}
.integration-logo .integration-logo-bottom {
    background: #ffffff;
    padding: 6px 15px 0px;
    box-sizing: border-box;
}
.partner-box .partner-description {
    min-height: 95px;
}
.partner-box .partner-description a, .integration-box .integration-link a {
    text-decoration: none;
}
@media (max-width: 767px) {
    .partner-box-wrapper, .integration-box-wrapper, .integration-logo-wrapper {
        margin: 0px 1.4% 30px;
        width: 47% !important;
        display: inline-block !important;
        float: left;
    } 
}
@media (max-width: 340px) {
    .partner-box-wrapper, .integration-box-wrapper, .integration-logo-wrapper {
        margin: 0px 1.4% 30px;
        width: 97% !important;
        display: inline-block !important;
        float: left;
    } 
}

/* ===== REQUEST A TOWER DEMO (RED BG) GLOBAL MODULE ===== */
.ansible-tower-rh-logo img {
    width: 203px !important;
    height: auto !important;
    margin-bottom: 30px;
}
.rtd-wrapper {
    background: #646464;
    padding-top: 50px;
    padding-bottom: 100px;
}

.rtd-wrapper h3, .rtd-wrapper p, .rtd-wrapper label {
    color: #fff;
}

.rtd-form .hs-form fieldset.form-columns-2 .input {
    margin-right: 20px;
    margin-bottom: 20px;
    color: #848992;
}
.rtd-form .hs-form fieldset,
.rtd-form .hs_submit {
    max-width: 620px;
}
.rtd-image {
    padding-top: 50px;
}
.rtd-form input, .rtd-form select {
    color: #161b1f;
}
.rtd-form input[type="submit"] {
    margin-right: 20px;
    color: #ffffff;
}
input[type="submit"] {
    cursor: pointer;
}

.rtd-form .hs-error-msgs * {
    color: #fff !important;
    font-size: 12px;
}

@media (max-width: 767px) {
    .rtd-image {
        display: none !important;
        height: 0 !important;
    }
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    FIND THIS IN THE WEBSITE, VERIFY IT IS STILL IN USE
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== RTD LIGHTBOX FORM ===== */
.rtd-lightbox-wrapper {
    position: fixed;
    top: 0;
    background: rgba(255,255,255,0.85);
    text-align: center;
    box-sizing: border-box !important;
}
.rtd-lightbox-wrapper > div {
    display: inline-block !important;
    width: auto !important;
}
.rtd-lightbox {
    position: relative;
    background: #4c4c4c;
    padding: 45px 60px;
    max-width: 100% !important;
    min-width: 700px !important;
    width: 700px !important;
    float: none !important;
    display: inline-block !important;
    text-align: left;
    margin-top: 15px;
}
.lightbox-close-button {
    position: absolute;
    top: -15px;
    right: -15px;
    height: 31px;
    width: 31px;
    cursor: pointer;
}
.lightbox-close-button img {
    float: right;
    height: 31px;
    width: 31px;
    border-radius: 50%;
}
.rtd-lightbox-form input[type="submit"] {
    margin-top: 10px !important;
}
.rtd-lightbox-form h3 {
    font-size: 16px;
    margin-top: 10px !important;
}
.rtd-lightbox-form * {
    color: #ffffff;
}
.rtd-lightbox-form input, .rtd-lightbox-form select {
    color: #161b1f;
}

.rtd-lightbox-form .ansible-cta-blue {
    margin-top: 10px;
    cursor: pointer;
}

/* ===== USE CASE CUSTOM MODULE ===== */
.use-cases-wrapper {
    padding-top: 40px;
}
.use-cases {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}



/* ===== RESPONSIVE ===== */
@media (max-width: 767px) {
    /*
    .header-container-wrapper .span2.widget-span.widget-type-cta {
        margin-right: 15px;
    }
    */
    
    .overview-sidebar {
        display: none !important;
    }
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 
    
    FIND THIS IN THE WEBSITE, VERIFY IT IS STILL IN USE
    LIKELY NOT, AS LANDING PAGES HAVE THEIR OWN STYLE SHEETS
    - DETERMINE WHICH LANDING PAGES ARE STILL IN USE
    
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* ===== LANDING PAGES ===== */
.lp-header-wrapper {
    background: #161b1f;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
}
.lp-footer-wrapper {
    border-top: 20px solid #161b1f;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 180px;
}
.lp-footer,
.lp-footer * {
    color: #848992 !important;
    text-decoration: none !important;
    font-size: 14px !important;
}
.lp-footer a:hover {
    text-decoration: underline !important;
}



/* ============================================================
 RELATED RESOURCES MODULE (no black bottom border)
============================================================ */
.resources-section {
    text-align: center;
}
.resources-section .span3 {
    margin-left: 0 !important;
    width: auto !important;
}
.resources-wrapper {
    background-color: #f2f2f2;
    padding-bottom: 20px;
}
.resources-header {
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: center;
}
.resources-header h3 {
    font-size: 18px;
    color: #848992;
    font-weight: bold;
    text-transform: uppercase;
}


/* ===== GENERIC 2016 HEADER STYLE ===== */

.ans16-banner-section-wrapper {
    background: url(//www.ansible.com/hubfs/2016_Images/Resources/ans16-banner-section-bg.jpg) no-repeat scroll center center #5bbdbf;
    background-size: cover;
}


.ans16-banner-section h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 0;
    padding-left: 20px;
    line-height: 120%;
}


.ans16-banner-section h3 {
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 0;
    padding-top: 40px;
    padding-left: 20px;
    line-height: 100%;
}

.ans16-banner-section p {
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 0;
    padding-top: 10px;
    padding-left: 20px;
    line-height: 100%;
}

.ans16-banner-section-wrapper * {
    color: #ffffff;
}

@media (min-width: 768px) {
    .ans16-banner-section-wrapper {
        height: 255px;
    }
    .ans16-banner-header {
        padding-top: 40px;
    }
}

@media (max-width: 768px) {
    .ans16-banner-header {
        padding-top: 20px;
    }
}




/* =============================================================================================
                         _ _     _             _                               _           _ 
                        (_) |   | |           | |                             | |         | |
     _ __   ___  ___ ___ _| |__ | |_   _    __| | ___ _ __  _ __ ___  ___ __ _| |_ ___  __| |
    | '_ \ / _ \/ __/ __| | '_ \| | | | |  / _` |/ _ \ '_ \| '__/ _ \/ __/ _` | __/ _ \/ _` |
    | |_) | (_) \__ \__ \ | |_) | | |_| | | (_| |  __/ |_) | | |  __/ (_| (_| | ||  __/ (_| |
    | .__/ \___/|___/___/_|_.__/|_|\__, |  \__,_|\___| .__/|_|  \___|\___\__,_|\__\___|\__,_|
    | |                             __/ |            | |                                     
    |_|                            |___/             |_|                                     

    EVERYTHING FROM HERE DOWN SHOULD BE REVIEWED FOR USEFULNESS

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





/* ============================================================
    FOOTER KW
    
    THIS ALMOST CERTAINLY IS NO LONGER IN USE
    NOT IN SITE FOOTER (2016 GLOBAL FOOTER)
    LANDING PAGE FOOTER (-2016- Ansible Tower by RedHat Footer (LP) -- /ALLEGIANT AS EXAMPLE)
    OR MINIMAL FOOTER FOUND ON WEBINAR DETAIL PAGES, ETC (-2015- LP FOOTER)
============================================================ */
.footer-area-wrapper {
    background-color: #161b1f;
    color: #ffffff;
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 20px 0px 30px;
}
.footer-area-wrapper a {
    text-decoration: none;
}
.footer-area-wrapper ul {
    padding: 0;
    margin: 0;
}
.footer-area-wrapper ul li {
    list-style: outside none;
}
ul.footer-social {
    margin: 30px 0;  
}
ul.footer-social li {
    display: block;
    float: left;
    position: relative;
    width: 40px;
    height: 38px;
    cursor: pointer;
}
ul.footer-social li img {
    position: absolute;
    left: 0;
    transition: 0.5s ease opacity;
}
ul.footer-social li img.top:hover {
    opacity: 0;
}
.footer-header {
    margin-top: 30px;
}
ul.footer-bottom-left {
    margin-top: 30px;
}
ul.footer-bottom-left .footer-header {
    margin-top: 0;
}
.footer-header,
.footer-header a {
    color: #5bbdbf !important;
    text-transform: uppercase;
}
.footer-contact-info a {
    color: #5bbdbf;
}
.footer-contact-info address {
    font-style: normal;
}
.footer-contact-info p {
    margin-top: 30px;
}
.footer-column {
    border-right: 1px solid #33383b;
    padding-bottom: 30px;
    min-height: 418px !important;
}
.footer-column-four {
    border-right: none;
}
.footer-column-one {
    padding-right: 30px;
}
.footer-column-two ul li a,
.footer-column-three ul li a,
.footer-column-four-top ul li a {
    color: #ffffff;
    transition: 0.66s ease all;
    /* font-weight: 300; */
}
.footer-column-two ul li a:hover,
.footer-column-three ul li a:hover,
.footer-column-four-top ul li a:hover {
    color: #1678c4;
}
.footer-logo {
    text-align: center;
}
.footer-logo img {
    margin: 40px auto;
}
.copyright-info {
    color: #848992 !important;
    padding: 25px 0 40px;
    font-size: 12px;
    text-align: right;
}
.copyright-info a {
    color: #848992 !important;
    text-decoration: none;
}
.copyright-info a:hover {
    text-decoration: underline !important;
}

.redhat-ansible-footer-logo {
    padding: 10px 50px 50px 0px;
}

@media (max-width: 767px) {
    .footer-column {
        border-right: #161b1f;
    }
    .copyright-info {
        text-align: left;
        padding: 0 0 10px 0;
    }
}

/* ============================================================
    END FOOTER KW
============================================================ */



/* ??????????????????????????????????????????????????????
                WHERE ARE THESE USED
?????????????????????????????????????????????????????? */


.team-img-sm { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    border-radius: 50%; 
}

/* ===== ALTERNATING BOXES ===== */

.alternating-box-outer {
    /*background: #e1e3e4;*/ background: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}
body .alternating-box-outer .ab-box {
    margin-left: 5% !important;
    margin-right: 5% !important;
    width: 90% !important;
    box-sizing: border-box !important;
    padding: 30px 30px !important;
    /*background: #ffffff;*/ background: #e1e3e4;
}
.alternating-box-outer.ab-alt-bg {
    /*background: #ffffff;*/ background: #e1e3e4;
}
.alternating-box-outer.ab-alt-bg .ab-box {
    /*background: #e1e3e4;*/ background: #ffffff;
}
.ab-box ul {
    list-style: outside none;
    margin-left: 0;
    padding-left: 0;
}
.alternating-box-outer a {
    text-decoration: none;
}
.alternating-box-outer a:hover {
    text-decoration: underline;
} 
@media (min-width: 768px) {
    body .alternating-box-outer .ab-box {
        margin-left: 5% !important;
        margin-right: 5% !important;
        width: 40% !important;
    }
}
.custom-menu-primary {
    min-height: 0 !important;
}
@media (max-width: 767px) {
    .header-cta-right .ansible-cta-primary {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 950px) {
    .header-cta-right .ansible-cta-primary {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 14px !important;
    }
    body .hs-menu-wrapper.hs-menu-flow-horizontal ul li a,
    body .hs-menu-wrapper.hs-menu-flow-horizontal ul li:first-child a {
        margin-left: 12px !important;
        font-size: 14px !important;
    }
}

.cta-call-out-wrapper {
    margin-top: 60px;
    padding: 60px 0 80px;
    background-color: #e00;
    color: #ffffff;
    text-align: center;
}
.cta-call-out-wrapper h3 {
    font-size: 36px;
    margin-bottom: 12px;
}
.cta-call-out-wrapper p {
    font-size: 16px;
    margin-bottom: 24px;
}
.complete-pricing-cta {
    margin: 26px auto;
}
@media (max-width: 767px) {
    .cta-call-out-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    .cta-call-out-wrapper h1 {
        font-size: 16px;
    }
    .cta-call-out-wrapper p {
        font-size: 14px;
    }    
}

.footer-logo img {
    width: 110px !important;
    height: auto !important;
    max-width: 100% !important;
}
.redhat-ansible-footer-logo img {
    width: 278px !important;
    height: auto !important;
    max-width: 100% !important;
}

/* ?????????????????????????????????????????????????????? */


/* ===============================================
        2014 OLD STYLES (UNKNOWN DEPENDENCIES)
=============================================== */

 .responsive-full {
     margin:0 auto;
     float:none !important;
     max-width:1200px;
     margin-left:auto !important;
     margin-right:auto !important;
 }
 
  .responsive-full-alt {
     margin:0 auto;
     float:none !important;
     max-width:90%;
     margin-left:auto !important;
     margin-right:auto !important;
 }
 
  .responsive-full-alt2 {
     margin:0 auto;
     float:none !important;
     max-width:60%;
     margin-left:auto !important;
     margin-right:auto !important;
 }
 
 .navbar {
     max-width:100%;
     background:#000;
     /* padding-top:17px;
     padding-bottom:15px; */
 }
/*
 @media (max-width: 767px) {
      .navbar {
          padding-top: 0 !important;
      }   
      .navbar a {
          margin-top: 0 !important;
      }
  }
*/
 
.navbar a {
    color:#666;
    font-size:20px;
    margin-top:12px;
}
 
.navbar a:hover {
    color:#000;
}
 
.hideit ul {
     float:left;
}
 
@media only screen and (max-width: 480px) {
    .hideit { visibility: visible; }  /* show it on small screens */
}

@media only screen and (min-width: 481px) {
    .hideit { visibility: none; }   /* hide it elsewhere */
}
 
 .main-feature {
     text-align:center;
     color:#fff;
     background:#64c5c7;
     padding-top:50px;
     padding-bottom:50px;

 }
 .main-feature h2 {
     font-size:60px;
     font-weight:300;
     line-height:145%;
     margin-top:20px;
     margin-bottom:20px;
 }
 
 .main-feature h3 {
     font-size:35px;
     font-weight:300;
     line-height:145%;
     margin-top:10px;
     margin-bottom:20px;
 }
 
 .main-featurealt {
     text-align:center;
     color:#fff;
     background:#000 url('//www.ansible.com/hs-fs/hub/330046/file-2477161263-jpg/towerhomepagebg.jpg') no-repeat center top;
     background-size: cover;
     padding-top:30px;
     padding-bottom:0px;

 }
 .main-featurealt h2 {
     font-size:60px;
     font-weight:300;
     line-height:125%;
     margin-top:10px;
     margin-bottom:10px;
 }
 
 .main-featurealt h3 {
     font-size:35px;
     font-weight:300;
     line-height:145%;
     margin-top:10px;
     margin-bottom:0px;
 }
 
 .blog-feature h2 {
     color:#64c5c7;
     font-size:60px;
     font-weight:300;
     line-height:145%;
     margin-top:10px;
     margin-bottom:10px;
 }
 
 .blog-feature h3 {
     font-size:35px;
     font-weight:300;
     line-height:145%;
     margin-top:10px;
     margin-bottom:10px;
 }
 
 .services {
     padding-top:50px;
     padding-bottom:50px;
 }
 
 .services-slim {
     padding-top:30px;
     padding-bottom:30px;
 }
 
 .service {
    
 }
 
 .service h2 {
     margin-top:10px;
     margin-bottom:10px;
 }
 
 .service a {
     text-decoration:none;
     display:block;
     color:#fff;
     margin-left:10px;
 }
 
 .about {
     background:#342d2d;
     color:#fff;
     padding-top:40px;
     padding-bottom:40px;
 }
 
 .about img {
     margin-top:20px;
 }
 
 .about p {
     font-size:18px;
     font-weight:300;
     line-height:145%;
     letter-spacing:1px;
 }
 
  .container {
     max-width:70%;
     text-align:center;
 }
 
 .page-center{
    max-width:70%;
    margin: 0 auto!important;
    float: none!important;
}
 
  .low-feature {
     text-align:center;
     color:#fff;
     background:#000 url('//cdn2.hubspot.net/hub/330046/file-658820110-png/backgrounds/new_hp_background.png') no-repeat center top;
     background-size: cover;
     padding-top:50px;
     padding-bottom:50px;
 }
 
 .low-feature h2 {
     font-size:60px;
     font-weight:300;
     line-height:145%;
     margin-top:20px;
     margin-bottom:20px;
 }
 
 .low-feature h3 {
     font-size:35px;
     font-weight:300;
     line-height:145%;
     margin-top:10px;
     margin-bottom:20px;
 }
 
 .quote h1 {
     font-size:60px;
     font-weight:300;
     line-height:145%;
     margin-top:20px;
     margin-bottom:20px;
 
 }
 
 .pricing {
    
 }
 
 .pricing h2 {
     margin-top:10px;
     margin-bottom:10px;
 }
 
 .pricing a {
     text-decoration:none;
     display:block;
     color:#fff;
     margin-left:10px;
 }
 .pricing a:link {
     text-decoration:none;
     color:#ff5850;
     margin-left:10px;
 }
 .pricing a:visited {
     text-decoration:none;
     color:#ff5850;
     margin-left:10px;
 }
 .pricing a:hover {
     text-decoration:underline;
     color:#ff5850;
     margin-left:10px;
 }
 .button  {
     background-color: rgba(255, 255, 255, 0) !important;
     color: #82c0c7;
     border-color: #82c0c7;
     background-color: rgba(0, 0, 0, 0);
     border: solid 2px;
     -moz-transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     opacity:.75;
     font-size:18px;
     font-weight:300;
     line-height:145%;
     margin-top:20px;
     margin-bottom:20px;
 }

 /*Horizontal Menu Styling*/

@media (min-width: 768px) {
    
    /*
    .header-container, .header-container p, .header-container ul, .header-container li {
        list-style: none inside none;
        text-align: right;
    }
    */
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:last-child {
        margin-right: 0px !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal .active-branch > a {
    	box-shadow:none;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li:first-child a {
    	margin-left:35px !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal .active-branch > a {
    	box-shadow:none;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li a {
    	color: #161b1f !important;
    	font-size:15px;
        font-weight:300;
    	text-decoration: none;
    	margin-left: 35px !important;
    	max-width: auto !important;
    	padding: 10px 0px 0px 0px;
    	text-align: left;
    transition:all .2s linear;
    -o-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -webkit-transition:all .2s linear;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-depth-1.hs-item-has-children > a:first-child {
        color: #ffffff !important;
        transition: 0.5s ease all;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-depth-1.hs-item-has-children>a:first-child:hover {
        color: #5bbdbf !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-depth-1.hs-item-has-children.active > a:first-child,
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-depth-1.hs-item-has-children.active-branch > a:first-child {
        color: #5bbdbf !important;
    }
    
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:hover,
    .hs-menu-wrapper.hs-menu-flow-horizontal .active-branch > a {
    	color: #1678c4 !important;
    	font-size: 15px;
        font-weight:300;
    	background-color: transparent !important;
    }
    .hs-menu-children-wrapper ul {
    	width: auto !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    	background-color: rgba(255,255,255,0.95);
    	border: 1px solid #C7C7C7;
    	padding: 10px 10px 10px !important;
    	margin-left: 15px;
    	width: auto;
    	display: block;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    	margin-left: 0px !important;
    	max-width: 100% !important;
    	overflow: visible;
    	padding: 0px 0px 10px 0px !important;
    	width: 100% !important;
    transition:all .2s linear;
    -o-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -webkit-transition:all .2s linear;
    }
    .hs-menu-item.hs-menu-depth-2 ul li a {
    	padding: 0px !important;
    	margin: 0px !important;
    	text-align: left;
    	max-width: 100% !important;
    }
}


 /*Vertical Menu Styling*/

@media (min-width: 768px) {
    .hs-menu-flow-vertical li {
        list-style: none inside none;
    	background-color: transparent;
    }
    .hs-menu-flow-vertical li a {
    	font-size: 15px !important;
        font-weight:300;
    }
    .hs-menu-flow-vertical ul {
    	background-color: #ffffff;
    }
    .hs-menu-flow-vertical a, .hs-menu-flow-vertical ul li a {
    	margin: 0px;
    	padding: 0px !important;
    	color: #BBBBBB !important;
    transition:all .2s linear;
    -o-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -webkit-transition:all .2s linear;
    	width: 100% !important;
    	max-width: 100% !important;
    	background-color: #ffffff;
    }
    .hs-menu-flow-vertical a:hover {
    	color: #ff5850 !important;
    	background-color: #ffffff !important;
    	width: 100% !important;
    	max-width: 100% !important;
    }
    .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    	left: 120px !important;
    	padding: 5px 10px;
    }
    .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    	padding: 5px 10px !important;
    	width: auto !important;
    	border: 1px solid #c7c7c7;
    	margin-top: -1px;
    }
    .hs-menu-wrapper.hs-menu-flow-vertical ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    	margin-top: -10px;
    }
}