/**  Main Style Sheet for Rhythm **/


/********* Global Styles ********/
body {
    color: #333;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 17px;
}

hr {
    margin-top: 50px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #ddd;
}

.green-bg {
    background: #66be6b;
    color: #fff;
}

.blue-bg {
    background: #5b98cc;
    color: #fff;
}

.blue-gradient {
    background-image: linear-gradient(#1883D8, #1865A2);
    color: #fff;
}

.green-gradient {
    background-image: linear-gradient(#177428, #2FA745);
    color: #fff;
}

.lightblue-bg {
    background: #DBEFFC;
}

.red-bg {
    background: #ee352a;
}

.yellow-bg {
    background: #fec00f;
}

.lightgray-bg {
    background-color: #F9F9F9;
}

.lightblue-bg {
    background-color: #DBEFFC;
}

.bg-padding {
    padding: 10px 20px;
}

.white {
    color: #fff;
}

.block-header {
    background: #66BE58;
    padding: 10px;
    color: #fff;
    border-radius: 4px;
}

.block-header-sub {
    border: 2px solid #eee;
    padding: 10px;
    border-radius: 4px;
}

.block-header-sub .fa-arrow-right {
    color: #66BE58;
}

.callout {
    font-size: 110%;
    font-weight: 500;
    margin: 15px 0;
}

/* Equal Height Columns */
.eq-height {
    display: table;
}

.eq-height .row-eq-height {
    float: none;
    display: table-cell;
    vertical-align: top;
}

/* Flex */
.flex-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}

.flex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex; 
  flex-wrap: wrap;
}


::marker{
   color: #fff !important;
}
.navbar-brand {
    padding: 5px 15px;
    width: 165px;
    text-shadow: none;
}

.vertical-margin-lg {
    margin-top: 70px;
    margin-bottom: 70px;
}

.vertical-margin-md {
    margin-top: 50px;
    margin-bottom: 50px;
}

.vertical-margin-sm {
    margin-top: 30px;
    margin-bottom: 30px;
}

.vertical-margin-xs {
    margin-top: 15px;
    margin-bottom: 15px;
}

.vertical-margin-lg-bot {
    margin-bottom: 70px;
}

.vertical-margin-md-bot {
    margin-bottom: 50px;
}

.vertical-margin-sm-bot {
    margin-bottom: 30px;
}

.vertical-margin-xs-bot {
    margin-bottom: 15px;
}

.vertical-margin-lg-top {
    margin-top: 70px;
}

.vertical-margin-md-top {
    margin-top: 50px;
}

.vertical-margin-sm-top {
    margin-top: 30px;
}

.vertical-margin-xs-top {
    margin-top: 15px;
}

.vertical-padding-lg {
    padding-top: 50px;
    padding-bottom: 50px;
}

.vertical-padding-md {
    padding-top: 30px;
    padding-bottom: 30px;
}

.vertical-padding-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}

.vertical-padding-lg-bot {
    padding-bottom: 50px;
}

.vertical-padding-md-bot {
    padding-bottom: 30px;
}

.vertical-padding-sm-bot {
    padding-bottom: 15px;
}

.vertical-padding-lg-top {
    padding-top: 50px;
}

.vertical-padding-md-top {
    padding-top: 30px;
}

.vertical-padding-sm-top {
    padding-top: 15px;
}



.horz-padding-lg {
    padding-left: 50px;
    padding-right: 50px;
}

.maxh-400 { 
    max-height: 400px; /** Max-Height **/
}

@media (min-width: 600px) {
    .responsive-container {
        width: 75%;
    }
}

@media (min-width: 996px) {
    .responsive-container {
        width: 50%;
    }
}



.container-content {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.footer li {
    line-height: 150%;
}

body .main-content {
    font-size: 16px;
    line-height: 1.5;
}

body .main-content img {
    /*max-width: 100% !important;*/
}

.main-content ul {
    padding-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.main-content ul li {
    list-style-image: url(/hubfs/rhythm4/img/blue_bullet.png); 
    margin-bottom: 5px;   
}

.main-content ul li li {
    list-style-image: none;
}

.main-content ul.list-inline li {
    list-style-image: none;
    background: url(/hubfs/rhythm4/img/blue_bullet.png) no-repeat 0; 
    padding-left: 20px;
    margin-right: 2px;
}

.main-content .problem-page ul {
    padding-left: 5px;
}

.main-content .problem-page ul li {
    list-style-image: none;
    list-style: none;
    position: relative;
}

.main-content .problem-page ul li:before {
    font-family: FontAwesome;
    font-size: 17px;
    top:0;
    left:-5px;
    padding-right:10px;
    content: "\f192";
}

.btn.wrap {
    white-space: pre-wrap;
}
.btn-primary {
    background-image: none;
    background: #349946;
    border: none;
}

.btn-primary:focus, .btn-primary:hover {
    background: #27B740;
}


.btn-secondary {
    background-image: none;
    background: #387AAF;
    border: none;
    color: #fff;
}


.btn-secondary:focus, .btn-secondary:hover {
    background: #238DE2;
    color: #fff;
}

.btn-tertiary {
    background-image: none;
    background: #40A0ED;
    border: none;
    color: #fff;
}

.btn-tertiary:focus, .btn-tertiary:hover {
    background: #66B4F2;
    color: #fff;
}

.btn-quaternary {
    background-image: none;
    background: #e2941c;
    border: none;
    color: #fff;
 
}

.btn-quaternary:focus, .btn-quaternary:hover {
    background: #efa532;
    color: #fff;
}

.btn-quinary {
    background-image: none;
    background: #27B740;
    border: none;
    color: #fff;
 
}

.btn-quinary:focus, .btn-quinary:hover {
    background: #40e35c;
    color: #fff;
}


.btn-lg {
    padding: 10px 25px;
}

.btn-ghost {
    background-image: none;
    background: transparent;
    border: 3px solid #fff;
    color: #fff;
}

.btn-ghost:focus, .btn-ghost:hover {
    background: rgba(255,255,255,.3);
    color: #fff;
}

.btn-oversized {
    padding: 15px 60px;
    font-size: 24px;
    white-space: normal;
}

.curved-trans-btn {
    background: rgba(255,255,255,.3);
    padding: 5px;
    width: 90%;
    display: block;
    border-radius: 50px;
    margin: 20px auto 30px auto;
    text-align:center;
    color: #fff;
    font-weight: 500;
}

.curved-trans-btn:hover {
    background: rgba(255,255,255,.5);
    color: #fff;
}

.grid-promo h3 {
    font-size: 18px;
}

blockquote {
    border-left: none;
}

.margin-center {
    margin-left: auto;
    margin-right: auto;
}

.desc-lg {
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
}

.desc-lg p {
    margin-bottom: 18px;
}

.medium-bold {
    font-weight: 400;
}

.divider {
    border-bottom: 1px dotted #999;
    padding-bottom: 30px;
    margin-bottom:30px;
}

.text-highlight {
    color: #2D5486;
}

h3.cta {
    font-size: 32px;
}

a.bg-hover {
    padding: 5px;
    display: inline-block;
}

a.bg-hover:hover {
    background: rgba(255,255,255,.15);
}

ul.no-image li {
    list-style-image: none;
}

.responsive-img-wrap img {
    max-width: 100%;
}

.img-responsive img {
    max-width: 100%;
}

.image-text-widget {
    padding: 0 15px;
}

.image-text-widget .icon {
    max-width: 160px;
    max-height: 110px;
    margin-left: auto;
    margin-right: auto;
}

.image-text-widget h3 {
    font-size: 18px;   
    font-weight: 400;
}

.image-text-widget p.desc {
    color: #999;
    font-size: 14px;
}

.image-text-widget .stack-img {
    min-height: 130px   
}

.list-grid h4 {
    font-size: 16px;
    font-weight: 400;
}

.list-grid p {
    font-size: 14px;
    color: #999;
}

.list-grid .inner {
    background: #fff;
    margin: 8px 0;
    border-radius: 4px;
    border: 1px solid #eee;
}

.list-grid.on-gray .inner {
    background: #fff;
}

.list-grid.on-white .inner {
    background: #f7f7f7;
}

.no-margin {
    margin: 0 !important;
}

.rounded-corners {
    border-radius: 5px;
}

.overflow-wrap {
    overflow: hidden;
}

ol {
  margin:0 0 1.5em;
  padding:0;
  counter-reset:item;
}
 
ol>li {
  margin:0 0 10px 0;
  padding:0 0 0 2em;
  text-indent:-2em;
  list-style-type:none;
  counter-increment:item;
}
 
ol>li:before {
  display:inline-block;
  width:1.5em;
  padding-right:0.5em;
  font-weight:bold;
  text-align:right;
  content:counter(item) ".";
}

/********* Navigation *********/

.navbar {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-inverse,
body.hs-content-name-rhythm-systems-home.toppromo-enabled .navbar-inverse{ /*Homepage class*/
    background-image: none;
    background-color: #2A2C30;
}

body.hs-content-name-rhythm-systems-home .navbar-inverse { /*Homepage class*/
    /*background-color: transparent; */
}

body.hs-content-name-rhythm-systems-home .navbar-inverse .navbar-collapse.in  { /*Homepage class*/
    background-color: rgba(42,44,48,.95); 
}

body.hs-content-name-rhythm-systems-home .navbar-inverse.darknav { /*Homepage class*/
    background-color: #2A2C30; 
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
    background-image: none;
    box-shadow: none;
}    

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    text-shadow: none;
    padding: 10px 10px;
}

@media (min-width: 1200px) {
    .navbar-inverse .navbar-nav>li>a {
        padding: 15px 15px 10px;
    }
}

.navbar-inverse .my-rhythm span {
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 5px;
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

/*@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}*/

/*@media only screen and (max-width: 990px) {

  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .navbar-header .collapse, .navbar-toggle {
    display:block !important;
  }
  .navbar-header {
    float: none;
  }
  
   .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

}*/

.dropdown-menu {
    min-width: 190px;
    background-color: rgba(16,16,16,.9);
    border: 0;
}

.hs-content-name-rhythm-systems-home .dropdown-menu {
    background-color: rgba(16,16,16,1);
    border: 1px solid #555;
}

.dropdown-menu li {
    
}

.dropdown-menu>li>a {
    padding: 6px 15px;
    border-bottom: 1px dotted #555;
    color: #fff;
}

.dropdown-menu li:last-child a {
    border-bottom: 0px;
}

.demo-button {
    background: #66be6b;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 50px;
    right: 20px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
    padding: 5px 15px;
    text-align: center;
    display: block;
    z-index: 100;
    width: 140px;
}



/********* Header ***********/

.jumbotron {
    color: #fff;
    padding-top: 60px;
    padding-bottom: 30px;
    margin-bottom: 0;
    position: relative;
    background: none;
}

.jumbotron h1 {
    font-size: 50px;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

body.hs-content-name-rhythm-systems-home .jumbotron, body.hs-content-name-dev-test-rhythm-systems-home-clone .jumbotron { /*Homepage class*/
    background: #2E353E url('/hubfs/rhythm4/img/home_header2_bg.jpg') no-repeat 50% 10%;
    background-size: cover;
}
body.hs-content-name-rhythm-product-page .jumbotron { /*Product Page class*/
    background: #1394ce;
}

@media screen and (min-width: 992px) {
    body.hs-content-name-rhythm-product-page .jumbotron .plus {
        padding-top:50px;
    }
}
body.page-5060833776 .jumbotron { /*Software Page class*/
    background: #fec00f;
    padding-bottom: 0;
}

body.page-5060833776 .jumbotron img {  /*Software Page class*/
    margin-bottom: -5px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
body.page-5060833776 .jumbotron p {
    margin-bottom: 5px;
}
body.page-5060404099 .jumbotron { /*Methodology Page class*/
    background: #ee352a;
}
body.page-5060393061 .jumbotron {  /*Experts Page class*/
    background: #00a952;
}

body.hs-content-name-rhythm-annual-planning-facilitation .jumbotron {
    background: #177428 url('/hubfs/rhythm4/img/businessplanning.png') no-repeat 70% 10%;
    background-size: contain;
}

body.hs-content-name-accountable-leaders-teams .jumbotron {
    background: #177428 url('/hubfs/rhythm4/img/products/accountable_leaders_bg.png') no-repeat right 80px top;
   /* background-size: contain;*/
}

.jumbotron-footer {
    z-index: 100;
    position:relative;
    background: transparent url('/hubfs/rhythm4/img/header_curve.png') no-repeat 50% bottom;
}

@media screen and (min-width: 600px) {
    .jumbotron-footer {
        height: 110px;
        margin-top: -110px;
    }
}

.jumbotron p.sub-tagline {
    font-size: 16px;
}

.product-alt .jumbotron p.tagline {
    font-size:40px;
}

.jumbotron-list p {
    font-size: 14px;
}

.jumbotron-wrapper {
    /*margin-bottom: 20px;*/
}

.jumbotron a, .jumbotron a:hover, .jumbotron a:active, .jumbotron a:visited {
    color: #fff;
    text-decoration: none;
}



.default-page-header {
    padding-top: 50px;
    padding-bottom: 45px;
    background: #5b98cc;
    color: #fff;
}

.default-page-header.plain-header {
    /*margin-top:30px;*/ /*altered by promo, was 50px */
    padding-top:30px;
}

body.toppromo-enabled .default-page-header.plain-header {
   /* margin-top: 0;*/
}

.default-page-header .no-bot-pad {
    padding-bottom: 0;
}

.default-page-header h1 {
    color: #fff;
}

.default-page-header a {
		color: #fff;
}

/********* Content **********/

.inner {
    padding: 15px;
}

h2.content-heading {
    font-weight: 300;
}

.gray-bar {
    background: #F0F0F0;
    padding: 50px 0;
    margin: 50px 0;
}

.gray-box {
    background: #f0f0f0;
    color: #333;
    padding: 15px;
    border-radius: 4px;
}

.white-box {
    background: #fff;
    color: #333;
    padding: 15px;
    border-radius: 4px;
}

.contained-bar .gray-bar {
	margin: 0 0 50px 0;
}

.blue-bar {
    background: #5b98cc;
}
.green-bar {
    background: #66be6b;
}

.blue-bar, .green-bar {
    padding: 50px 0;
    margin: 50px 0;
    color: #fff;
}

.green-bar.quote, .blue-bar.quote, .gray-bar.quote {
    font-size: 18px;
    margin: 30px 0;
    padding: 50px 0 30px 0;
    border-radius: 4px;
}

 .gray-bar.quote {
     padding: 30px 0;
}

 .gray-bar.quote .quote-text {
     padding-top: 20px;
}

.green-bar.quote .wistia_embed, .blue-bar .wistia_embed, .gray-bar .wistia_embed  {
    overflow: hidden;
    border: 3px solid #fff;
}

.green-bar.quote .headshot, .blue-bar.quote .headshot, .gray-bar.quote .headshot {
    padding: 10px;
}

.quote-bar {
    background: #f0f0f0;
    color: #333;
    padding: 50px 0;
    margin: 20px 0;
}

.quote-bar blockquote {
  font-size: 24px;
  font-weight: 300;
}

.quote-box {
	background: #f0f0f0;
    color: #333;
    padding: 15px;
    margin: 25px 0;
}

.quote-box .quoted {
    margin-top: 15px;
    font-size: 16px;
}

.quote-box blockquote {
	font-size: 20px;
    font-weight: 300;
}

.product-alt .testimonial .inner {
    background: rgba(57, 102, 128,0.8);
    border-radius: 5px;
    color: #fff;
    padding: 25px;
}

@media screen and (min-width: 992px) {
    
    .product-alt .testimonial .inner, .product-alt .product-details .inner {
        min-height: 450px;
    }
}

.product-alt .testimonial .quote {
    font-size: 20px;
    margin-bottom: 20px;
}

.product-alt .testimonial a {
    color: #fff;
}

.product-alt .testimonial .attribution {
    overflow: hidden;
}
.product-alt .testimonial .attribution img {
    width: 100px;
    float: left;
    margin: 0 20px 10px 0;
}

.product-alt .testimonial .attribution p {
    padding-top: 25px;
}

.product-alt .product-details {
    margin-bottom: 20px;
}

.product-alt .product-details .inner {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    padding: 35px;
}

.product-alt .product-details h3 {
    margin-top: 0;
}

.product-alt .product-details h4 {
    margin-top: 30px;
}

.product-alt .product-details ul {
    padding-left: 35px;
}

.product-alt .product-details ul li {
    margin-bottom:10px;   
}

.product-alt .video {
    margin: 30px;
}

.product-alt .product-details .btn-primary {
    width: 100%;
    margin-top: 15px;
}


.listbox-highlight {
    background: #fff;
    padding: 20px 30px;
    margin: 10px 0px;
    border-radius: 3px;
    min-height: 180px;
}

.listbox {
    background: #efefef;
    padding: 20px;
    margin: 10px 0px;
    border-radius: 5px;
}

.seo-path-block {
    background: #4C9259 url(https://www.rhythmsystems.com/hubfs/rhythm4/img/graph_trans_bg_2.png) no-repeat;
    border-radius: 5px;
    padding: 20px;
    color: #fff;
    background-size: cover;
    background-position: left -60px top 100% !important;
}


/*** Selector Template Content Styling and Layout ***/

.content-section {
    margin: 0;
    padding: 50px 0;
}

.content-section.content-section-1 {
    margin-top: 0;
}

.content-section .container-content {
    padding: 50px 15px;
}

.content-section .container-content h2:first-child {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 30px;
}


@media screen and (min-width: 767px) {
    .content-section .narrow-centered .container-content {
        width: 75%;
    }
}

@media screen and (min-width: 992px) {
    .content-section .narrow-centered .container-content {
        width: 60%;
    }
}

.no-padding {
    padding: 0 !important;
}



/******** Feature Pages ********/

.feature-list h3 {
    font-size: 18px;
    color: #387AAF;
    font-weight: 500;
    text-align: center;
}

.feature-list .inner {
    min-height: 160px;
}

.feature-secondary-cta {
    background: #5b98cc url(/hubfs/rhythm4/img/resources/resource_mergers_trans.png) no-repeat 0 50%;
    background-size: cover;
    padding: 50px 15px;
    color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.feature-secondary-cta a {
    color: #fff;
}

.feature-secondary-cta .container-content {
    padding: 0;
}

.container-content .img-responsive img {
    box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.no-shadow .container-content .img-responsive img {
    box-shadow: none;
}

.img-shadow {
    box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.add-resources .image-text-widget .stack-img {
    min-height: 0;
}

.add-resources .image-text-widget .stack-img img {
    border-radius: 4px;
}

.content-section-9.blue-bg ul li {
    color: #333;
}

.content-section-9.blue-bg .feature-list h3 {
    color: #fff;
    font-weight: bold;
}

.content-section-9.blue-bg .feature-list h3 a {
    color: #fff;
}



    /*** Accountable Leaders and Teams ***/

body.hs-content-name-accountable-leaders-teams .content-section-3 {
    margin-top: 20px;
}

body.hs-content-name-accountable-leaders-teams .content-section-3 p {
    color: #666;
}

body.hs-content-name-accountable-leaders-teams .content-section-4 {
    background: #666 url('/hubfs/rhythm4/img/products/rowing_stock.png') no-repeat 50% 10%;
    background-size: cover;
    margin: 50px 0;
}

body.hs-content-name-accountable-leaders-teams .content-section-4 .row {
    padding: 70px 30px;
    color: #fff;
}

body.hs-content-name-accountable-leaders-teams .content-section-4 h4 {
    font-size: 26px;
}

body.hs-content-name-accountable-leaders-teams .content-section-4 p {
    font-size: 24px;
}

body.hs-content-name-accountable-leaders-teams .content-section-6 {
    
}

body.hs-content-name-accountable-leaders-teams .content-section-6 h3 {
    color: #2D5486;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

body.hs-content-name-accountable-leaders-teams .content-section-8 {
    background: #F0F0F0;
    padding: 20px 0;
    margin-top: 50px;
}

body.hs-content-name-accountable-leaders-teams .content-section-8 .col-sm-6 {
    padding: 20px;
}

body.hs-content-name-accountable-leaders-teams .content-section-8  h3 {
    margin-bottom: 50px;
}

body.hs-content-name-accountable-leaders-teams .content-section-8 .white-box {
    margin: 40px 0 0 0;
}

body.hs-content-name-accountable-leaders-teams .content-section-9 {
    background: #66be6b;
    padding: 50px 0;
    margin-bottom: 50px;
    color: #fff;
}

body.hs-content-name-accountable-leaders-teams .content-section-9 a {
    color:#fff;
}

/*** Book Pages ***/
.book-detail-page .listbox {
    min-height: 220px;
}

@media screen and (max-width: 767px) {
    .book-detail-page #hs_cos_wrapper_book_cover {
        display: block;
        width: 50%;
        margin: 0 auto;
    }
}

body.hs-content-name-rhythm-annual-planning-facilitation .focus-bar {
    background: url('/hubfs/rhythm4/img/businessmanspeaking_bg.png') no-repeat 50% 10%;
    background-size: cover;
}

.book-downloads .chapter h3 {
    font-size: 16px;
    background: #efefef;
    padding: 8px 5px 8px 15px;
    border-radius: 5px;
}

.main-book-page .lightgray-bg {
    min-height: 520px;
}

.main-book-page .inner {
    padding: 20px;
}

.main-book-page h3 {
    margin-bottom: 5px;
}

.featured-book .book-preview-details {
    font-size: 1.2em;
}

/***** General Testimonial Quote Styles *****/

.testimonial-quote {
    overflow: hidden;
}

.testimonial-quote .quote-headshot {
    max-width: 80px;
    float: left;
    margin: 0 10px 10px 0;
}


/********* Sidebar **********/

body .main-content .sidebar {
    font-size: 14px;
}

.sidebar-block {
    background: #efefef;
    padding: 20px;
    margin-bottom:15px;
    border-radius: 5px;
}

.sidebar-block.no-list-indent ul {
    padding-left: 0;
}

.sidebar-block.no-list-indent ol {
    padding-left: 15px;
}


.sidebar-block h3 {
    font-size: 20px;
    margin-top:3px;
    margin-bottom: 15px;
    color: #333;
}

.sidebar-block .sidebar-item {
    padding: 15px;
}

.sidebar-block .sidebar-item h4 {
    font-size: 16px;
}

.sidebar-block .sidebar-item.with-bg {
    background: #fff;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom:10px;
}

.sidebar-block h1, .sidebar-block h2, .sidebar-block h3, .sidebar-block h4, .sidebar-block h5, .sidebar-block h6 {
    line-height:1.4;
}

.sidebar-block li {
	margin-bottom: 5px;
}

.sidebar-testimonial {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin: 20px 0;
    overflow: hidden;
}

.sidebar-testimonial .quote {
    font-size: 1.2em;
    
}

.sidebar-testimonial img {
    width: 75px;
    display: inline-block;
    margin-right: 15px;
}

.sidebar-testimonial .attribution p {
    display: inline-block;
}


/******** Video and Webinar Lists **********/
#webinar-topic-select {
    margin-left: 20px;
}
.video-list-details {
    margin: 10px 0 20px 0;
}

.video-list-details p.topic-name {
    font-size: 13px;
    color: #999;
    font-weight: 500;
}

.webinar-item, .video-item {
    margin-bottom:15px;
}

/******** Resource Pages *********/
.resource-header h1, .hero-header h1 {
    font-size: 50px;
    font-weight: bold;
}

.hero-header.small-header h1 {
    font-size: 40px;
    font-weight: normal;
}

.resource-header .header-subtitle{
    font-size: 44px;
}

.hero-header .header-subtitle {
    font-size: 32px;
}

.hero-header.small-header .header-subtitle {
    font-size: 20px;
}

.resource-header .cta-button a.btn-primary, .hero-header .cta-button a.btn-primary, .landing-form input.primary.large {
    font-size: 30px;
    font-weight:200;
    background: #66BE6B;
    letter-spacing: 1px;
    padding: 8px 20px;
    margin-top: 30px;
    white-space: normal;
}

.cta-button a.btn-primary.oversized {
    font-size: 30px;
    padding: 20px 40px;
    width: 100%;
    margin: 20px 5px;
    white-space: normal;
}

/**@media screen and (min-width: 992px) {
.cta-button a.btn-primary.oversized {
	 width: 70%;
	}
}**/


.resource-header header, .hero-header header {
    margin: 40px 0;
}

.hero-cta {
    margin-right: 15px;
}

.hero-header {
    background-color: #5b98cc !important;
}

.hero-image {
   /* border-radius: 5px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);*/
}

body.hs-content-name-about .hero-header {
    background:#5b98cc url('/hubfs/rhythm4/img/conference_team.png')  no-repeat;
    background-position: 50% 50%;
    min-height: 375px;
}
    
body.hs-content-name-core-values .hero-header {
    background:#5b98cc url('/hubfs/rhythm4/img/corevalues_bg.png')  no-repeat;
    background-position: 50% 50%;
    min-height: 375px;
}

body.hs-content-name-careers-2019 .hero-header {
    background:#5b98cc url('/hubfs/careers-header.jpg')  no-repeat;
    background-position: 50% 50%;
    min-height: 375px;
}

body.hs-content-name-our-clients .hero-header {
    background:#5b98cc url('/hubfs/rhythm4/img/ourclients_bg.png')  no-repeat;
    background-position: 50% 50%;
    min-height: 375px;
}

@media screen and (min-width: 992px) {
    body.hs-content-name-our-clients .client-video {
        padding-top: 35px;
    }
}

    
body.hs-content-name-core-values .hero-header h1, body.hs-content-name-core-values .hero-header h1 {
    margin-top: 100px;
}

.hero-header.no-bot-pad, .hero-header.no-bot-pad header {
    padding-bottom: 0;
    margin-bottom: 0;
}

.resource-header {
    background-color: #5b98cc !important;
    background-position: right top  !important;
}


@media screen and (min-width: 1200px) {
    .resource-header {
        background-position: right 100px top 0 !important;
    }
    
    body.toppromo-enabled .resource-header {
        background-position: right 100px top 0px !important;
    }
}

@media screen and (min-width: 768px) {

    body.hs-content-name-resource-weekly-meetings-and-huddles .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/resources/resource_meetings.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-resource-quarterly-planning .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/resources/resource_quarterly.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-resource-annual-planning .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/resources/resource_annual.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-resource-strategy-for-growth .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/resources/resource_execution.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-resource-kpis-and-dashboards .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/resources/resource_kpis.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-resource-employee-engagement .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/resources/resource_engagement.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-resource-mergers-and-acquisitions .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/resources/resource_mergers.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-problems-annual-planning .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/problems/problems_annualplanning.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-problems-mergers-acquisitions .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/problems/problems_mergers.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-problems-drive-revenue-initiatives .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/problems/problems_driverevenue.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-problems-develop-accountable-leaders-and-teams .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/problems/problems_accountableleaders.png')  no-repeat;
        background-size: contain;
    }
    
    body.hs-content-name-problems-make-private-equity-investments-succeed .resource-header {
        background:#5b98cc url('/hubfs/rhythm4/img/problems/problem_privateequity.png')  no-repeat;
        background-size: contain;
    }
    
}




/***** Product Options Page *****/



body.hs-content-name-product-options .hero-header {
	background-color: #1F1F1F !important;
 	background-image: url('/hubfs/rhythm4/img/options_header.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	
}

@media screen and (min-width: 700px) {
	body.hs-content-name-product-options .hero-header {
		background-size: contain;
	}
}

.product-options .option {
	padding: 0;
	min-height: 450px;
}


@media screen and (min-width: 992px) {
	.product-options .option.option-highlight {
		-moz-box-shadow: 0px 3px 18px -1px rgba(33, 33, 33, 0.6);
		-webkit-box-shadow: 0px 3px 18px -1px rgba(33, 33, 33, 0.6);
		box-shadow: 0px 3px 18px -1px rgba(33, 33, 33, 0.6);
		position: relative;
		z-index: 100;
	}
}

.product-options {
	margin-top: -90px;
}
.product-options .option header {
	background: #1394CE;
	color: #fff;
	padding: 20px 5px;
}

.product-options .option.option-highlight {
	background: #f5f5f5;		
}
.product-options .option.option-highlight header {
	background: #3BA4D3;
}

.product-options .option header h2 {
	margin: 0 0 7px 0;
}

.product-options .option header p {
	margin: 0;
	font-size: 16px;
}

.product-options .option .option-details {
	padding: 10px
}

.product-options .option.option-highlight .option-details {
	margin-top: -14px;
}

.product-options .option .option-details h3 {
 	font-size: 18px;
	padding: 0 5px;
}

.product-options .option .popular {
    background: green;
    width: 80%;
    margin: 0 auto;
    margin-top: -10px;
    padding: 2px;
    color: #fff;
    font-style: italic;
	border-radius: 5px;
	-moz-box-shadow: 0px 3px 8px -1px rgba(33, 33, 33, 0.6);
  	-webkit-box-shadow: 0px 3px 8px -1px rgba(33, 33, 33, 0.6);
  	box-shadow: 0px 3px 8px -1px rgba(33, 33, 33, 0.6);
}

.product-options .option .option-details ul {
	text-align: left;
	list-style-type: none;
	padding: 0 4px;
	
}

.product-options .option .option-details ul li {
 	list-style-type: none;	
	list-style-image: none;
	color: #666666;
	font-size: 16px;
	padding: 5px 0;
    border-bottom: 1px dotted #ccc;
}

.product-options .option .option-details ul li:last-child {
    border-bottom: 0px;
}
	
.product-options .note {
	font-size: 12px;		
}

.hs-content-name-product-options .ourclients-quote {
    margin-top: 10px;
    padding: 15px 20px;
}

.hs-content-name-product-options .gray-bar {
    background: transparent;
    padding: 0 0 20px 0;
}


.hs-content-name-product-options .focus-bar {
    margin-top: 25px;
    background: #f0f0f0;
}

.hs-content-name-product-options .focus-bar .container-content {
    padding: 40px 0;
}

.hs-content-name-product-options .cta-button a.btn-primary.oversized {
    font-size: 30px;
    padding: 20px 40px;
    width: 100%;
    margin: 20px 5px;
    white-space: normal;
}

@media screen and (min-width: 900px) {
    
    .hs-content-name-product-options .cta-button a.btn-primary.oversized {
        width: 50%;
    }
}

.option-steps {
	
}

.option-steps .step {
	padding: 20px 0 20px 0;
    border-bottom: 1px dotted #ccc;
}

.option-steps .step h4 {
	font-size: 18px;
	color: #2D5486;
}

.option-steps .step p {

}

.option-highlight span {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.option-steps .step:last-child {
	border-bottom: 0;
}

.resource-intro {
    /*border-bottom: 1px solid #ddd;*/
    padding-bottom: 20px;
    margin-bottom: 35px;
}

img.screenshot {
    border-radius: 5px;
    box-shadow: 6px 6px 10px #ccc;
}

.res-block {
    background-color: #66BE6B;
    padding: 10px 20px;
    color: #fff;
    min-height:190px;
    margin: 13px 0;
    background-position: right 20px top 0px !important;
}

.res-block .btn-primary {
    background: #FEC00F;
    margin-top: 10px;
    padding: 7px 30px;
}

.res-block.res-strategy {
    background: #66BE6B url('/hubfs/rhythm4/img/resources/strategy_growth_alt.png')  no-repeat;
    background-size: contain;
}

.res-block.res-annual {
    background: #66BE6B url('/hubfs/rhythm4/img/resources/annual_planning_alt.png')  no-repeat;
    background-size: contain;
}

.res-block.res-quarterly {
    background: #66BE6B url('/hubfs/rhythm4/img/resources/quarterly_planning_alt.png')  no-repeat;
    background-size: contain;
}

.res-block.res-kpis {
    background: #66BE6B url('/hubfs/rhythm4/img/resources/kpi_dashboards_alt.png')  no-repeat;
    background-size: contain;
}

.res-block.res-meetings {
    background: #66BE6B url('/hubfs/rhythm4/img/resources/meetings_alt.png')  no-repeat;
    background-size: contain;
}

.res-block.res-engagement {
    background: #66BE6B url('/hubfs/rhythm4/img/resources/engagement_alt.png')  no-repeat;
    background-size: contain;
}

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

.landing-head.hero-header {
    min-height: 450px;
}

/****** Landing Page Forms *******/

 .landing-form input.primary.large, .password-protected input.primary.large, .modal .primary.large {
    font-size: 24px;
    font-weight:200;
    background: #66BE6B;
    letter-spacing: 1px;
    padding: 8px 20px;
    margin-top: 30px;
    border: none;
    color: #fff;
    border-radius: 7px;
}


.landing-form input.hs-input, .landing-form select.hs-input, .landing-form textarea.hs-input,
.blog-comments input.hs-input, .blog-comments select.hs-input, .blog-comments textarea.hs-input, #hs_form_target_subscribe_rhythm_blog input[type="email"],
.password-protected .hs_cos_wrapper_type_password_prompt input[type="password"], .modal input.hs-input, .modal textarea.hs-input {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 11px !important;
    padding-top: 11px !important;
    border-style: solid !important;
    border-radius: 4px !important;
    border-color: #95989A !important;
    border-width: 1px; 
    margin-bottom: 18px !important;
    width: 100% !important;

}

.modal textarea.hs-input {
    height: 100px !important;
}

.password-protected .hs_cos_wrapper_type_password_prompt input[type="password"] {
    width: 50% !important;
}

.landing-head-img img {
    margin: 0 auto;
}

@media screen and (max-width: 500px) {
    .landing-head-img img {
        display:none;
    }
}

.landing-form .form-wrapper, .password-protected .form-wrapper {
    background: #CFE6F8;
    padding: 0 0 20px;
    border-radius: 15px;
    margin-top: -25px;
}

.landing-form .form-wrapper p, .landing-form .form-wrapper ul{
    padding: 10px 20px;
}

.landing-form .form-wrapper ul {
    padding-left: 40px;
}

.landing-form .form-wrapper p {
    font-size: 20px;
}

@media screen and (min-width: 501px) {
    .landing-form .form-wrapper {
        background: #CFE6F8;
        padding: 0 0 20px;
        border-radius: 15px;
        margin-top: -100px;
    }
}

.landing-form form, .landing-form .inline-form-thankyou {
    padding: 20px;
    font-size: 18px;
}

.landing-form .hs_submit {
    text-align: center;
}

.landing-form label {
    font-weight: 500 !important;
    color: #333 !important;
}

.landing-form h3 {
    background: #66BE6B;
    width: 100%;
    padding: 20px;
    text-align: center;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.landing-form form legend {
    font-size: 12px;
    margin-bottom: 3px;
}

.landing-form form fieldset {
    max-width:100%;
}

.landing-form ul.inputs-list {
    padding-left: 5px;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}

.landing-form ul.inputs-list li {
    list-style-image: none;
    margin: 0;
}

.landing-form ul.inputs-list li label {
    font-weight: normal !important;
}

.landing-form ul.inputs-list li input.hs-input {
    width: auto !important;
    margin-bottom: 0 !important;
    margin-right: 8px !important;
}


/******** Blog Styles *******/
ul.hs-blog-social-share-list {
	clear:both;
}
ul.hs-blog-social-share-list li {
	list-style-image: none;
	line-height: 100%;
	margin-bottom: 0;
}

.blog-post {
	font-size: 16px;
}

.post-item {
	padding-bottom: 40px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #ccc;
}

.post-item:last-child {
	border-bottom: 0;
	margin-bottom:15px;
}

.post-item .more-link,
.post-item .comment-link {
	background: #eee;
  border-radius: 5px;
  padding: 4px 10px;
  font-size: 16px;
  margin-right: 5px;
}

.post-listing-simple .post-item {
	padding-bottom: 20px
}

.post-listing-simple .post-item h2 {
	font-size: 18px;
}

.post-item .post-body {
	margin-top: 10px;
}

.post-body ul {
	margin: 30px 20px;
}

.post-body p {
	margin: 10px 0 20px 0;
}

.post-body img {
	/*margin: 15px !important;*/
}

.post-details {
	font-size: 13px;
	margin: 0 0 25px 0;
}

.post-date {
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 5px 0;
  padding-bottom: 5px;
}

.post-item .author-link {
	color: #999;
}

.blog-date {
	color: #999;
  border-left: 1px solid #bbb;
  padding-left: 5px;
  margin-left: 5px;
}

.post-details .blog-date {
	border-left: 0;
	margin-left: 0;
	margin-right: 5px;
	padding-right: 5px;
	padding-left: 0;
	border-right: 1px solid #bbb;
	
}

.hs-author-social-link {
    font-size: 28px;
    margin: 0 5px;
}

	color: #337ab7;
	line-height: 1.9em;
}

.blog-topic-list ul {
	overflow-y: auto;
	max-height: 250px;
}

.blog-topic-list ul::-webkit-scrollbar {
    -webkit-appearance: none;
}

.blog-topic-list ul::-webkit-scrollbar:vertical {
    width: 11px;
}

.blog-topic-list ul::-webkit-scrollbar:horizontal {
    height: 11px;
}

.blog-topic-list ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.blog-topic-list ul::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
} 

.blog-comments {
    background: #efefef;
    padding: 10px 20px 20px;
    margin-top: 60px;
    margin-bottom: 15px;
}

.blog-comments h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.blog-comments .comment.depth-0 {
    border-top: 1px dotted #ccc;
    padding-top: 1em;
    margin-top: 1em;
}

.blog-comments .comment.depth-0:first-child {
    border-top: 0;
    margin-top:0;
    padding-top:0;
}

.blog-comments .comment-from h4 {
    font-size:.9em;
}

.blog-comments .comment-reply-to {
    font-size: 14px;
}

.blog-comments #comment-form {
    margin-top: 70px;
}

.blog-comments #comment-form label {
    font-size: 14px;
}

.blog-comments .hs_subscribe ul {
    margin:0;
}

.blog-comments input[type="submit"],
.blog-sub input[type="submit"] {
    background-image: none;
    background: #349946;
    border: none;
    border-radius: 6px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    padding: 10px 16px;
    font-size: 18px;
}

.blog-pagination a {
	margin: 0 5px;
}

#subscribe-c6a40ccd-f7d0-4519-898e-08faa71a7f75 {
	width: 25px !important;
}

.blog-sub .hs_submit {
    text-align: center;
    margin-top: 15px;
}

.hs_blog_patrick_theans_blog_subscription ul {
    list-style-type: none;
    padding-left: 0;
    margin:0;
}

.hs_blog_patrick_theans_blog_subscription ul li {
    list-style-image: none;
    display: inline-block;
    margin-right: 15px;
}

.hs_blog_patrick_theans_blog_subscription ul li span {
    margin-left: 7px;
}

/**Comment Form **/
#subscribe-e11120d9-1473-4e15-a1f2-3f806c2ae7b0 {
	display: inline-block;
  width: auto !important;
  margin-right: 10px;
}


/****** Call to Actions *****/

.hs-cta-wrapper img {
    max-width:100%;
}
/******** Promos, Modals and Overlays ********/

.top-promo {
    /*margin-top: 50px;*/
}

.top-promo.alert {
    margin-bottom: 0;
    border-radius: 0;
    padding:0;
}

.top-promo p.promo-tagline, .promo-section p.promo-tagline  {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.top-promo h3, .promo-section h3 {
    margin-top: 5px;
}

.top-promo {
    color: #ffffff;
    background-color: #F58822;
    background-image: linear-gradient(#F58822, #CE6300);
    border-color: transparent;
}

.top-promo .promo-inner {
    padding: 15px 10px;
}

.top-promo.Webinar .promo-inner {
    background: url(/hubfs/rhythm4/img/promos/webinar_promo_bg.png) no-repeat;
    background-position: right 26% top 0;
    background-size: contain;
}

@media screen and (min-width: 768px) {
    .top-promo .promo-cta, .promo-section .promo-cta {
        text-align: center;
    }
}

.alert-promo .btn-promo {
    background: rgba(255, 255, 255, .3);
    border: 2px solid rgba(255, 255, 255, .5);
    padding: 8px 30px;
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
}

.promo-section .btn {
    margin-top: 30px;
}

.alert-promo .close {
    opacity: 1;
}

.alert-promo .close:focus, .alert-promo .close:hover {
    color: #bbb;
}

.modal {
    color: #333;
}

.modal-content {
    background: #efefef;
}

.modal-title {
    margin-bottom: 20px;
}

.modal h3 {
    margin-bottom: 30px;
}

.modal-header {
    border-bottom: 0;
    padding: 15px 15px 0 15px;
}

.flyover 
{
left: 150%;
overflow: hidden;
position: fixed;
width: 50%;
opacity: 0.95;
z-index: 1050;
transition: left 0.6s ease-out 0s;
background: #349946;
}
 
.flyover-centered 
{
top: 50%;
transform: translate(-50%, -50%);
}

.flyover.in 
{
left: 50%;
}

.flyover.in 
{
left: 50%;
}

.flyover a, .flyover a:visited, .flyover a:active {
    color: #fff;
}

#slidebox {
		padding: 10px 16px 10px 10px;
    background-color: #fff;
    border-top: 3px solid #f7761f;
    position: fixed;
    bottom: 0;
    right: -430px;
    -moz-box-shadow: -2px 0 5px #aaa;
    -webkit-box-shadow: -2px 0 5px #aaa;
    box-shadow: -2px 0 5px #aaa;
}

#slidebox a.close {
    background: transparent url(//cdn2.hubspot.net/hub/53/file-527841348-gif/close.gif) no-repeat top left;
    width: 13px;
    height: 13px;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
    opacity: 1;
}

.expert-system-cta .colored-box {
   /* min-height: 520px;*/
}

.expert-system-cta .colored-box img {
    margin: 10px auto;
}
    
.expert-system-cta .bluebox {
    background-color: #396680;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.expert-system-cta .greenbox {
    background-color: #177428;
    color: #fff;
    border-radius:  0 0 5px 5px;
}
 
@media screen and (min-width: 992px) {
    .expert-system-cta .colored-box {
        min-height: 550px;
    }
    
    .expert-system-cta .bluebox {
        border-radius: 5px 0 0 5px;
    }
    
    .expert-system-cta .bluebox img { 
        max-width: 80%;
    }
        
    body.hs-content-name-rhythm-annual-planning-facilitation .expert-system-cta .bluebox img {
        max-width: 70%;
    }
    
    .expert-system-cta .greenbox {
        border-radius: 0 5px 5px 0;
    }
    
    .expert-system-cta .greenbox img {
        width: 90%;

    }
    
    .expert-system-cta.column .greenbox img {
        margin-top: 75px;
    }
}

.video-button {
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    max-width: 320px; 
    display: inline-block;
    border: 1px solid #fff;
}

.video-button i {
    font-size: 30px;
    vertical-align: middle; 
    margin-right: 10px;
}

.video-button-wrap.absolute {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.video-button-wrap {
    margin: 0 auto;
    max-width: 450px;
    display: inline-block;
}

.video-button.software {
    bottom: 40%;
    margin: 25px 0 15px 0;
}

.video-button.dark {
    background-color: #333;
}

.video-button.light {
    background-color: rgba(255,255,255,.2);
}

@media screen and (min-width: 500px) {
    .video-button {
        max-width: 450px;
        font-size:20px;
    }
    
    .video-button i {
        font-size: 50px;
        margin-right: 20px;
    }
}


/********* About Us ********/
 
body.hs-content-name-about .focus-bar {
    background: url('/hubfs/rhythm4/img/moutaintop.png') no-repeat 50% 10%;
    background-size: cover;
}

body.hs-content-name-about .focus-bar .inner {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    padding: 35px;
}

.about-software .inner {
    padding: 0;
    background: #B1D3B7 url('/hubfs/rhythm4/img/dashboard_laptop.png') no-repeat 50% 0;
    background-size: cover;
    position: relative;
    min-height: 300px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.about-leaders .inner {
    padding: 0;
    background: #eee url('/hubfs/rhythm4/img/account_leaders.png') no-repeat 50% 0;
    background-size: cover;
    position: relative;
    min-height: 300px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.about-leaders .caption, .about-software .caption {
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,.9);
    min-height: 175px;
    padding: 15px;
}

/********* Timeline *********/
      /*==================================
            TIMELINE
        ==================================*/
        /*-- GENERAL STYLES
        ------------------------------*/
        .timeline {
          /*line-height: 1.4em;*/
          list-style: none;
          margin: 0;
          padding: 0;
          width: 100%;
        }
        .timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
          margin-top: 0;
        }
        
        .timeline h3 {
            font-size: 18px;
        }
    
        
        /*----- TIMELINE ITEM -----*/
        .timeline-item {
          padding-left: 40px;
          position: relative;
        }
        .timeline-item:last-child {
          padding-bottom: 0;
        }
        
        .timeline-item img {
            max-height: 200px;
            max-width: 200px;
        }
        
        .main-content li.timeline-item {
            list-style-image: none;
        }
        
        /*----- TIMELINE INFO -----*/
        .timeline-info {
          font-size: 18px;
          font-weight: 700;
          letter-spacing: 3px;
          margin: 0 0 .5em 0;
          text-transform: uppercase;
          white-space: nowrap;
          color: #66be6b;
        }
        
        /*----- TIMELINE MARKER -----*/
        .timeline-marker {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          width: 15px;
        }
        .timeline-marker:before {
          background: #66be6b;
          border: 3px solid transparent;
          border-radius: 100%;
          content: "";
          display: block;
          height: 15px;
          position: absolute;
          top: 4px;
          left: 0;
          width: 15px;
          transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
        }
        .timeline-marker:after {
          content: "";
          width: 3px;
          background: #ddd;
          display: block;
          position: absolute;
          top: 24px;
          bottom: 0;
          left: 6px;
        }
        .timeline-item:last-child .timeline-marker:after {
          content: none;
        }
        
        .timeline-item:not(.period):hover .timeline-marker:before {
          background: transparent;
          border: 3px solid #66be6b;
        }
        
        /*----- TIMELINE CONTENT -----*/
        .timeline-content {
          padding-bottom: 40px;
        }
        .timeline-content p:last-child {
          margin-bottom: 0;
        }
        
        /*----- TIMELINE PERIOD -----*/
        .period {
          padding: 0;
        }
        .period .timeline-info {
          display: none;
        }
        .period .timeline-marker:before {
          background: transparent;
          content: "";
          width: 15px;
          height: auto;
          border: none;
          border-radius: 0;
          top: 0;
          bottom: 30px;
          position: absolute;
          border-top: 3px solid #CCD5DB;
          border-bottom: 3px solid #CCD5DB;
        }
        .period .timeline-marker:after {
          content: "";
          height: 32px;
          top: auto;
        }
        .period .timeline-content {
          padding: 40px 0 70px;
        }
        .period .timeline-title {
          margin: 0;
        }
        
        /*----------------------------------------------
            MOD: TIMELINE SPLIT
        ----------------------------------------------*/
        @media (min-width: 768px) {
          .timeline-split .timeline, .timeline-centered .timeline {
            display: table;
          }
          .timeline-split .timeline-item, .timeline-centered .timeline-item {
            display: table-row;
            padding: 0;
          }
          .timeline-split .timeline-info, .timeline-centered .timeline-info,
          .timeline-split .timeline-marker,
          .timeline-centered .timeline-marker,
          .timeline-split .timeline-content,
          .timeline-centered .timeline-content,
          .timeline-split .period .timeline-info,
          .timeline-centered .period .timeline-info {
            display: table-cell;
            vertical-align: top;
          }
          .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
            position: relative;
          }
          .timeline-split .timeline-content, .timeline-centered .timeline-content {
            padding-left: 30px;
          }
          .timeline-split .timeline-info, .timeline-centered .timeline-info {
            padding-right: 30px;
          }
          .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
            position: relative;
            left: -45px;
          }
        }
        
        /*----------------------------------------------
            MOD: TIMELINE CENTERED
        ----------------------------------------------*/
        @media (min-width: 992px) {
          .timeline-centered,
          .timeline-centered .timeline-item,
          .timeline-centered .timeline-info,
          .timeline-centered .timeline-marker,
          .timeline-centered .timeline-content {
            display: block;
            margin: 0;
            padding: 0;
          }
          .timeline-centered .timeline-item {
            padding-bottom: 40px;
            overflow: hidden;
          }
          .timeline-centered .timeline-marker {
            position: absolute;
            left: 50%;
            margin-left: -7.5px;
          }
          .timeline-centered .timeline-info,
          .timeline-centered .timeline-content {
            width: 50%;
          }
          .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
            float: left;
            text-align: right;
            padding-right: 30px;
          }
          .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
            float: right;
            text-align: left;
            padding-left: 30px;
          }
          .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
            float: right;
            text-align: left;
            padding-left: 30px;
          }
          .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
            float: left;
            text-align: right;
            padding-right: 30px;
          }
          .timeline-centered > .timeline-item.period .timeline-content {
            float: none;
            padding: 0;
            width: 100%;
            text-align: center;
          }
          .timeline-centered .timeline-item.period {
            padding: 50px 0 90px;
          }
          .timeline-centered .period .timeline-marker:after {
            height: 30px;
            bottom: 0;
            top: auto;
          }
          .timeline-centered .period .timeline-title {
            left: auto;
          }
        }
        
        /*----------------------------------------------
            MOD: MARKER OUTLINE
        ----------------------------------------------*/
        .marker-outline .timeline-marker:before {
          background: transparent;
          border-color: #66be6b;
        }
        .marker-outline .timeline-item:hover .timeline-marker:before {
          background: #66be6b;
        }
        
        .timeline-item:hover h3 {
          color: #66be6b;
        }

/********* Client Pages ********/
.client-image-bar {
    background: #eee url('/hubfs/rhythm4/clients/client_zion.png') no-repeat 50%;
    background-size: cover;
}

.client-image-bar .transparent-bg {
    background: rgba(255,255,255,.8);
    border-radius: 4px;
    margin: 50px 0;
    padding: 20px 30px;
}

.hs-content-path-clients .focus-bar {
    margin-top: -50px;
    background: #f0f0f0;
}

.hs-content-path-clients .focus-bar .container-content {
    padding: 40px 0;
}

.client-block {
    margin-bottom: 40px;
}

.client-block-logo {
    border: 1px solid #eee;
    text-align: center;
    padding: 5px;
    height: 150px;
    padding-top: 20px;
}

.client-block-logo a {
    display: block;
}

.client-block-logo img {
    max-width: 80%;
    max-height: 110px;
    margin: 0 auto;
}

.client-industry {
    font-size: 90%;
    color: #999;
    margin-top: 5px;
}

#hs_cos_wrapper_client_block1 .client-block-logo img {
    margin-top: 17px;
}

#hs_cos_wrapper_client_block3 .client-block-logo img {
    margin-top: 12px;
}

#hs_cos_wrapper_client_block7 .client-block-logo img {
    margin-top: 20px;
    max-width: 60%;
}

#hs_cos_wrapper_client_block8 .client-block-logo img {
    margin-top: 6px;
}

.ourclients-quote {
    margin-top: 30px;
    background: #f9f9f9;
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 4px;
}

.ourclients-quote span.attr {
    font-size: 14px;
    color: #999;
    margin-top: 8px;
    display: block;
}



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

.footer {
    background: #2a2c30;
    color: #fff;
}

.footer a, .footer a:visited, .footer a:active {
    color: #fff;
}

/*.footer ul {
    padding: 0;
}

.footer ul li {
    list-style-type: none;
}*/

.footer-logo img {
    width: 230px;
}

.footer-copy {
    font-size: 18px;
}