h1, h2, h3, h4, h5, h6 {
     color: #0078AE;
}
 h3.fifty {
     font-size: 28px;
}
 .first-word {
     color: #88BA00;
     font-weight: bold;
}
 a {
     color: #B6B6B6;
}
/* p {
    color:#727272;
     font-size: 1.2em;
}
 */
/*This is for the items images*/
/* this is the item image that is off centered for 5 content items styles*/
 p, div, li a {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 300;
     font-size: 17px;
}
 .item-image .img-responsive {
     padding: 5px 5px 5px 5px;
     max-width: 150px;
     border-radius: none;
     margin-right: -8px;
    /*margin-top:-70px;
    */
     float: right;
}
 .highest_navbar {
     position: relative;
     padding: 0px 0;
     background-color: black;
}
 .highest_navbar ul li {
     display: inline;
}
 .featured {
     position: relative;
     padding: 0px 0;
}
 .featured_2 {
     background-color:#333;
}
 .featured_3 {
     position: relative;
     padding: 0px 0;
}
 .featured_4 {
     position: relative;
     padding: 0px 0;
}
/* background: rgb(32,124,202);
 background: -moz-linear-gradient(top, rgba(32,124,202,1) -1%, rgba(30,87,153,1) 0%, rgba(32,124,202,1) 0%, rgba(0,90,130,1) 0%, rgba(0,90,134,1) 100%);
 background: -webkit-linear-gradient(top, rgba(32,124,202,1) -1%,rgba(30,87,153,1) 0%,rgba(32,124,202,1) 0%,rgba(0,90,130,1) 0%,rgba(0,90,134,1) 100%);
 background: linear-gradient(to bottom, rgba(32,124,202,1) -1%,rgba(30,87,153,1) 0%,rgba(32,124,202,1) 0%,rgba(0,90,130,1) 0%,rgba(0,90,134,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#005a86',GradientType=0 );
 */
 #admin-menu {
     z-index: 9999 
}
/* Xuzo this is the highest navbar on top of regular one start*/
 .xuzo-header-navbar {
     background-color: black;
}
 .xuzo-header-navbar a {
     color: white;
}
 .xuzo-header-navbar ul li a {
     color: #ddd;
     display: inline;
     float: right;
     text-transform: uppercase;
     font-weight: bold;
     line-height: .2em;
}
 .xuzo-header-navbar ul li:nth-child(1) {
     list-style-type: upper-roman!important;
     float: left;
}
/* End of Xuzo*/
/* Xuzo this is the lowest navbar on top of regular one start*/
 .xuzo-lowest-navbar {
     background-color: #88BA00;
     z-index:-100;
}
 .xuzo-lowest-navbar a {
     color: white;
}
 .xuzo-lowest-navbar ul li a {
     color: white;
     display: inline;
     float: left;
     line-height: 1em;
     text-transform: capitalize;
     color: #ffffff;
     padding: 10px 0 10px 45px;
     padding-right: 10px;
     border-right: 1px solid #ffffff;
}
/* End of Xuzo*/
 .footer.breadcrums-full-width {
     padding: 1px 0 0;
     background-color: #D4D4D4;
     color: white;
     border-top: none;
}
 .footer {
     padding: 20px 0 0;
     background-color: #0078AE;
     color: white;
     border-top: 5px solid #88ba00;
}
 .footer a {
     color: white;
}
/*inex slideshow header */
 div.carousel-caption h3 {
     color: white;
     font-size: 4vw;
}
 .carousel-caption {
}
/*description index slideshow*/
 div.item_header {
     color: white;
     background: rgba(197, 202, 233, .4);
     border-radius: 7px;
     border: 1px solid white;
     padding: .1em;
     font-size: 2vw;
     letter-spacing: 0px;
     font-weight: bold;
     text-align: center;
     text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}
/*carrousel title */
 h3.panel-title {
     font-size:18px;
}
 .carousel-caption h4 {
     color: white;
     border-bottom: none;
     font-size: 2vw;
     letter-spacing: 0px;
     text-align: center;
    /*text-shadow: 1px 3px 3px #000 ;
    /*text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
    */
}
/*@media screen and (max-width: 768px) {
     div.carousel-caption h3 {
         color: white;
         background: rgba(59, 35, 19, .4);
         border-radius: 5px;
         font-size: 6vw;
         letter-spacing: 0px;
         font-weight: bold;
         text-align: center;
         text-shadow: none;
         margin-bottom: 40px;
    }
     .carousel-caption p {
         color: white;
         margin-bottom: -30px;
         border-bottom: none;
         font-size: 3vw;
         letter-spacing: 0px;
         text-align: center;
         text-shadow: none;
         font-weight: bold;
    }
}
*/
 @media screen and (max-width: 1024px) {
     div.carousel-caption h3 {
         font-size:1.5em;
    }
     .carousel-caption p {
         font-size:1.5em;
    }
     div.carousel-caption h4 {
         font-size:1.5em;
    }
     div.carousel-caption h3 {
         font-size:1.5em;
    }
}
 @media screen and (max-width: 1000px) {
     div.carousel-caption h3 {
         display: none;
    }
     .carousel-caption p {
         display: none;
    }
     div.carousel-caption h4 {
         display: none;
    }
     div.carousel-caption h3 {
         display: none;
    }
}
 @media screen and (max-width: 320px) {
    /*slide show text size index file */
     .page-header {
        /* padding-bottom: 9px;
         */
        /* margin: 40px 0 20px;
         */
    }
    /* .carousel-caption p {
         color:white;
         margin-bottom:-20px;
         border-bottom:none;
         font-size: 7vw;
         letter-spacing:0px;
         text-align: center;
         text-shadow:none;
         font-weight: bold;
    }
    */
}
 .xuzo_3_column_footer_menu li a {
     line-height: 10%;
     text-transform: capitalize;
}
 .xuzo_3_column_footer_menu li a:hover {
     color: white;
     background-color: transparent;
}
 .xuzo_3_column_footer_menu {
     margin-right: 10%;
     margin-left: 10%;
}
 .xuzo_index_views {
     margin-top: 10px;
     margin-bottom: 10px;
     margin-right: 15%;
     margin-left: 15%;
     font-size: 1.2em;
     color: #727272;
}
 .xuzo_index_views h3 a {
     color: ;
     text-transform: uppercase;
     text-decoration: overline;
     font-size: 18px 
}
 .xuzo_index_views h3 a:hover {
     color: #88BA00;
}
 .xuzo_index_views img {
     margin: 0 auto;
     max-width: 125px;
}
 .max_width_xuzo {
     margin-top: 10px;
     margin-bottom: 20px;
     margin-right: 5%;
     margin-left: 5%;
}
/*this is the code to center the slideshow imnage in the middle*/
 .item.active {
}
 .addthis_toolbox {
     padding-top: 10px;
}
/* .view.view-clone-of-clone-of-article.view-id-clone_of_clone_of_article.view-display-id-block_4 {
     display: block;
     float: none;
     margin: 0px auto;
}
 */
/*This is the code for making the 3 col block resize to 3rd block centerend on bottom*/
 @media (max-width: 1200px) {
     .col-xs-12.col-sm-12.col-md-6.col-lg-4:nth-child(4) {
         display: block;
         float: none;
         margin: 0px auto;
    }
}
/*This is the code for making the 3 col block resize to 3rd block centerend on bottom*/
/*this is the 6 columns responsive 6 col layout, no bootstrap */
 .col-group {
     overflow: hidden;
}
 .col-group > div {
     padding: 1em;
}
 @media screen and (min-width: 44em) {
     .col-group > div {
         float: left;
         width: 50%;
    }
     .col-group > div:nth-child(odd) {
         clear: left;
    }
}
 @media screen and (min-width: 50em) {
     .col-group > div {
         float: left;
         width: 33.333333%;
    }
     .col-group > div:nth-child(3n+1) {
         clear: left;
    }
     .col-group > div:nth-child(odd) {
         clear: none;
    }
}
 @media screen and (min-width: 85em) {
     .col-group > div {
         width: 16.666667%;
    }
     .col-group > div:nth-child(odd), .col-group > div:nth-child(3n+1) {
         clear: none;
    }
}
/*this is the 6 columns responsive 6 col layout, no bootstrap */
/* this is attempt at custom css fields expert for content types*/
/*.col-group_2 > div {
     padding: 1em;
     margin-bottom: 1em;
     @media screen and (min-width: 44em) {
         .col-group_2 {
             overflow: hidden;
        }
         .col-group_2 > div {
             float: left;
             width: 50%;
        }
    }
     */
     .items_header_title {
         position: absolute;
         color: white;
         top: 40%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         color: rgba(185, 185, 185);
         background: rgba(59, 35, 19, .1);
         border: 1px none solid;
         border-radius: 7px;
         font-size: 2vw;
         letter-spacing: 0px;
         font-weight: bold;
         text-shadow: 2px 2px 3px rgba(150, 150, 148, 1);
    }
     .items_header_body p {
         position: absolute;
         padding: 10px;
         top: 40%;
         left: 50%;
         padding;
         0px 10px -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         border: 1px solid white;
         background: rgba(59, 35, 19, .3);
         border-radius: 7px;
        /*font-size: 2vw;
        */
         font-weight: bold;
         text-shadow: 1px 3px 3px #000;
    }
     .items_header_body p {
         color: white;
    }
     .parent_xuzo {
         position: relative;
         border-bottom: 2px dotted #B6B6B6;
    }
    /* this is for the submain menu .nav>li>a {
         position: relative;
         display: inline;
         padding: 10px 15px;
    }
    /* this is for the submain menu */
     .navbar-inverse {
         background-color: #0078AE;
         background-image: none;
         border-top: 0px solid #0078AE;
         border-bottom: 2px solid #000;
    }
     .navbar-inverse .navbar-brand {
         color: #9d9d9d;
    }
     .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
         nio color: #fff;
         background-color: transparent;
    }
     .navbar-inverse .navbar-text {
         color: #9d9d9d;
    }
     .navbar-inverse .navbar-nav > li > a {
         color: white;
         padding-right: 10px;
         font-size: 1em;
         text-transform: capitalize;
    }
     .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
         color: black;
         background-color: white;
        /* text-decoration: overline underline;
        */
    }
     .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
         color: #fff;
         background-color: #080808;
    }
     .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
         color: #444;
         background-color: transparent;
    }
     .navbar-inverse .navbar-toggle {
         border-color: #333;
    }
     .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
         background-color: #333;
    }
     .navbar-inverse .navbar-toggle .icon-bar {
         background-color: #fff;
    }
     .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
         border-color: #101010;
         float: right;
    }
     .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
         color: #fff;
         background-color: #080808;
    }
     @media (max-width: 767px) {
         .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
             border-color: #080808;
        }
         .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
             background-color: #080808;
        }
         .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
             color: #fff;
        }
         .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
             color: #fff;
             background-color: transparent;
        }
         .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
             color: #fff;
             background-color: #080808;
        }
         .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
             color: #444;
             background-color: transparent;
        }
    }
     .navbar-inverse .navbar-link {
         color: #9d9d9d;
    }
     .navbar-inverse .navbar-link:hover {
         color: #fff;
    }
     .navbar-inverse .btn-link {
         color: #9d9d9d;
    }
     .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
         color: #fff;
    }
     .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
         color: #444;
    }
     .navbar-btn {
         margin-top: 4px;
		 margin-left: 10px;
         margin-bottom: 0px;
         padding-right: 40px;
         ;
    }
    /* this controls the container that surronds brand images to make then go down a few pixels for effect*/
     .brand_images {
         position: relative;
        /*top:1.5em;
        */
    }
     .max_width_xuzo {
         background-color: none;
    }
    /* START this controls the estimate form on display suite*/
     .estimate_form .panel div {
         background-color: #0078AE;
         border-radius: 3px;
         padding-top: 0px;
         padding-bottom: 0px;
         max-width: auto;
    }
     .estimate_form .panel-default {
         border: none;
    }
     .estimate_form p {
         color: white;
    }
     .estimate_form h3 {
         color: white;
    }
     .estimate_form label {
         color: white;
    }
     .estimate_form input {
         border: none;
         border-radius: 0px;
    }
     .estimate_form button {
    }
    /* ENND this controls the estimate form on display suite*/
    /* Sweep To Bottom */
    /*.btn-success {
         color: #ffffff;
         background-color: #88ba00;
         border-color: #999;
         background-image: none;
         font-size: 18px;
         font-weight: bold;
    }
     .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
         color: #ffffff;
         background-color: #6a9100;
         border-color: #496300;
    }
     .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
         background-image: none;
    }
     .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
         background-color: #88ba00;
         border-color: #75a100;
    }
     .btn-success .badge {
         color: #88ba00;
         background-color: #ffffff;
    }
     */
     .xuzo_flex_container {
         background-color: #000;
    }
     .xuzo_menu_wrapper {
         max-width: 1170px;
         margin: 0 auto;
         background-color: #090909;
         display: flex;
         align-items: center;
         padding: 0 1rem;
         font-size: 1rem;
         min-height: 2.75rem;
    }
     .xuzo_li, .xuzo_li_last {
         color: white;
    }
     .xuzo_li {
         margin-right: 1rem;
    }
     .xuzo_li_last {
         margin-left: auto;
    }
     .full_width_message_spacers {
         color: white;
         text-align: center;
    }
     #h1_f704_0 {
         text-align: center;
    }
     #span_f704_0 {
         font-size: 48px;
    }
     #span_f704_1 {
         color: #727272;
    }
     #span_f704_2 {
         color: rgb(255, 255, 255);
    }
     #span_f704_3 {
         background-color: #88BA00;
    }
     #span_f704_4 {
         color: #FFFFFF;
    }
     #span_f704_5 {
         background-color: #88BA00;
    }
     #span_f704_6 {
         color: rgb(51, 51, 51);
    }
     @media screen and (max-width: 767px) {
         #span_f704_0 {
             font-size: 42px;
        }
    }
     @media screen and (max-width: 560px) {
         #span_f704_0 {
             font-size: 32px;
        }
    }
    /*@media screen and (max-width: 400px) {
         #span_f704_0 {
            display:22px;
             line-height:-5px;
        }
    }
     */
     @media screen and (max-width: 600px) {
         .row.brand_image {
             display: none;
        }
    }
    /* this is the css for the landing page */
     .testimonial {
         margin: 0 40px 0 40px;
         padding: 15px;
         position: relative;
         font-style: italic;
         text-align: left;
         border: 1px solid #0078AE;
         color: #0078AE;
    }
     .down-arrow {
         width: 0;
         height: 0;
         border-left: 0px solid transparent;
         border-right: 35px solid transparent;
         border-top: 35px solid #0078AE;
         margin: 0 0 0 85px;
    }
     p.testimonial-user {
         margin-left: 35px;
         color: #0078AE;
         float: left;
    }
     .match-form {
         margin: 40px auto;
    }
     img.user-testimonial-image {
         vertical-align: middle;
         float: right;
         height: 125px;
         width: 125px;
         border-radius: 5%;
         margin-top: -33px;
         margin-right: -30px;
        /* vertical-align: middle;
         float: right;
         height: 125px;
         width: 125px;
         border-radius: 50%;
         margin-top: -40px;
         margin-right: -30px;
         */
    }
     .brand_images {
         margin-bottom: 10px;
         position: relative;
        /*top: 3rem;
        */
         z-index: 10;
    }
     .form-style-6 {
         font: 95% font-family: 'Roboto Slab', serif;
         max-width: 400px;
         margin: 10px auto;
         padding: 16px;
         background: #F7F7F7;
    }
     .form-style-6 h1 {
         background: #43D1AF;
         padding: 20px 0;
         font-size: 140%;
         font-weight: 300;
         text-align: center;
         color: #fff;
         margin: -16px -16px 16px -16px;
    }
     .form-style-6 input[type="text"], .form-style-6 input[type="date"], .form-style-6 input[type="datetime"], .form-style-6 input[type="email"], .form-style-6 input[type="number"], .form-style-6 input[type="search"], .form-style-6 input[type="time"], .form-style-6 input[type="url"], .form-style-6 textarea, .form-style-6 select {
         -webkit-transition: all 0.30s ease-in-out;
         -moz-transition: all 0.30s ease-in-out;
         -ms-transition: all 0.30s ease-in-out;
         -o-transition: all 0.30s ease-in-out;
         outline: none;
         box-sizing: border-box;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         width: 100%;
         background: #fff;
         margin-bottom: 4%;
         border: 1px solid #ccc;
         padding: 3%;
         color: #555;
         font: 95% font-family: 'Roboto Slab', serif;
    }
     .form-style-6 input[type="text"]:focus, .form-style-6 input[type="date"]:focus, .form-style-6 input[type="datetime"]:focus, .form-style-6 input[type="email"]:focus, .form-style-6 input[type="number"]:focus, .form-style-6 input[type="search"]:focus, .form-style-6 input[type="time"]:focus, .form-style-6 input[type="url"]:focus, .form-style-6 textarea:focus, .form-style-6 select:focus {
         box-shadow: 0 0 5px #43D1AF;
         padding: 3%;
         border: 1px solid #43D1AF;
    }
     .form-style-6 input[type="submit"], .form-style-6 input[type="button"] {
         box-sizing: border-box;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         width: 100%;
         padding: 3%;
         background: #43D1AF;
         border-bottom: 2px solid #30C29E;
         border-top-style: none;
         border-right-style: none;
         border-left-style: none;
         color: #fff;
    }
     .form-style-6 input[type="submit"]:hover, .form-style-6 input[type="button"]:hover {
         background: #2EBC99;
    }
     .form-style-10 {
         max-width: 450;
         backgroun-color: #fff;
         border-bottom: solid #CCC 2px;
         border-right: solid #CCC 2px;
         border-left: solid #CCC 2px;
         border-top: solid #CCC 2px;
         padding: 30px;
         margin: 40px auto;
         background: #FFF;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
         -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
         -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    }
     .form-style-10 .inner-wrap {
         padding: 0px;
         backgroun-color: #F8F8F8;
         border-radius: 6px;
         margin-bottom: 15px;
    }
     .form-style-10 h1 {
         background: #88BA00;
         padding: 10px 20px 10px 20px;
         margin: -30px -30px 30px -30px;
         border-radius: 10px 10px 0 0;
        /* -webkit-border-radius: 10px 10px 0 0;
         */
         -moz-border-radius: 10px 10px 0 0;
         color: #fff;
        /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
         */
         font-family: 'Roboto slab', serif;
        /* font-weight: bold;
         */
         -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
         font-size: 3rem;
        /* -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
         */
        /* box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
         */
        /* border: 1px solid #257C9E;
         */
    }
     .form-style-10 h1 > span {
         display: block;
         margin-top: 2px;
         font-family: 'Roboto Slab', serif;
    }
     .form-style-10 label {
         display: block;
         font-family: 'Roboto Slab', serif;
         color: #888;
         margin-bottom: 0px;
    }
     .form-style-10 input[type="text"], .form-style-10 input[type="date"], .form-style-10 input[type="datetime"], .form-style-10 input[type="email"], .form-style-10 input[type="number"], .form-style-10 input[type="search"], .form-style-10 input[type="time"], .form-style-10 input[type="url"], .form-style-10 input[type="password"], .form-style-10 textarea, .form-style-10 select {
         display: block;
         box-sizing: border-box;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         width: 100%;
         padding: 8px;
         border-radius: 6px;
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border: 2px solid #fff;
         box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
         -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
         -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    }
     .form-style-10 .section {
         font: normal 20px 'Roboto Slab', serif;
         color: #88BA00;
         margin-bottom: 5px;
         padding: 0px;
    }
     .form-style-10 .section span {
         background: #88BA00;
         padding: 5px 10px 5px 10px;
         position: absolute;
         border-radius: 50%;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border: 4px solid #fff;
         font-size: 14px;
         margin-left: -45px;
         color: #fff;
         margin-top: -3px;
    }
     .form-style-10 input[type="button"], .form-style-10 input[type="submit"] {
         border: dotted thin black;
         background: #F57C00;
         padding: 8px 20px 8px 20px;
         border-radius: 5px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         color: #fff;
         text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
         font-family: 'Roboto Slab', serif;
         -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
         -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
         box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
         border: 1px solid grey;
         font-size: 20px;
    }
     .form-style-10 input[type="button"]:hover, .form-style-10 input[type="submit"]:hover {
         background: #2A6881;
         -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
         -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
         box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    }
     .form-style-10 .privacy-policy {
         float: right;
         width: 250px;
         font: 12px font-family: 'Roboto Slab', serif;
         color: #4D4D4D;
         margin-top: 10px;
         text-align: right;
    }
     .form-style-10-input {
         background-color: #E6E6E6;
         color: #000;
         font-weight: bold;
    }
     #form-style-10-checkbox {
         padding-left: -30px;
    }
     .form-style-10-drop-down {
         background-color: #E6E6E6;
         color: grey;
         font-weight: bold;
    }
    /*.zindex {
        margin-bottom:-200px;
    }
    */
     .form-p {
         color: #727272;
         margin-top: -20px;
         margin-bottom: -20px;
    }
     .hero-header {
         background-color: #0078AE;
         border-top: 1px dotted #000;
         border-bottom: 1px dotted #000;
    }
    /* p {
         color: white;
         font-family: 'Roboto Slab', sans-serif;
         margin-top: 20px;
         margin-bottom:40px;
    }
     */
    /*ul, ol {
         margin-top: 40px;
         color: white;
    }
     li {
        list-style-type:none;
    }
     */
     .all-white p {
         color: white;
    }
     .all-white ul li {
         list-style-type: none;
    }
     h1 {
         font-family: 'Roboto Slab', serif;
    }
     h1.left-p-heading {
         font-family: 'Roboto Slab', serif;
         font-weight: bold;
         color: white;
    }
    /* @media screen and (max-width: 900px){
         .form-style-10 {
            width: 350px;
        }
    }
     @media screen and (max-width: 750px) and (min-width:525px){
         .form-style-10 {
            width: 500px;
        }
    }
     @media screen and (max-width: 400px){
         .form-style-10 {
            width: 300px;
        }
    }
     */
     @media screen and (max-width: 770px) {
         .brand_images {
             display: none;
        }
    }
     h1.header-h1 {
         font-family: 'Roboto Slab', serif;
         font-weight: bold;
         color: #666;
         margin-bottom: 20px;
    }
     .section {
         position: relative;
         padding: 0px 0;
    }
    /* Index 5 color brands grey start*/
     .xuzo_grey-color {
    }
     .xuzo_grey-color:hover {
         -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
         -webkit-transition: -webkit-filter 200ms ease;
         transition: -webkit-filter 200ms ease;
         transition: filter 200ms ease;
         transition: filter 200ms ease, -webkit-filter 200ms ease;
    }
    /* Index 5 color brands grey End*/
     .board {
         width: 75%;
         margin: 5px auto;
         height: auto;
         background: #fff;
        /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;
        */
    }
     .board .xuzo.nav-tabs {
         position: relative;
         border-bottom: 0px;
        /* width: 80%;
         */
         margin: 5px auto;
         margin-bottom: 0;
         box-sizing: border-box;
    }
     p.narrow {
        width: 80%;
        margin: 10px auto;
    }
     .xuzo.nav-tabs > li.active > a, .xuzo.nav-tabs > li.active > a:hover, .xuzo.nav-tabs > li.active > a:focus {
         color: #555555;
         cursor: default;
        /* background-color: #ffffff;
         */
         border: 0;
         border-bottom-color: transparent;
    }
     span.round-tabs {
         width: 70px;
         height: 70px;
         line-height: 70px;
         display: inline-block;
         border-radius: 50%;
         background: white;
         z-index: 2;
         position: absolute;
         left: 0;
         text-align: center;
         font-size: 25px;
    }
     span.round-tabs.one {
         color: #88BC40;
         border: 5px double #88BC40;
         font-size: 40px;
    }
     li.active span.round- tabs.one {
         background: #fff ! important;
         border: 2px solid #ddd;
         color: rgb(34, 194, 34);
    }
     span.round-tabs.two {
         color: #F7941E;
         border: 5px double #F7941E;
         font-size: 40px;
    }
     li.active span.round- tabs.two {
         background: #fff ! important;
         border: 2px solid #ddd;
         color: #febe29;
    }
     span.round-tabs.three {
         color: #999;
         border: 5px double #999;
         font-size: 40px;
    }
     li.active span.round- tabs.three {
         background: #fff ! important;
         border: 2px solid #ddd;
         color: #3e5e9a;
    }
     span.round-tabs.four {
         color: #A81D23;
         border: 5px double #A81D23;
         font-size: 40px;
    }
     li.active span.round- tabs.four {
         background: #fff ! important;
         border: 2px solid #ddd;
         color: #f1685e;
    }
     span.round-tabs.five {
         color: #3B2313;
         border: 5px double #3B2313;
         font-size: 40px;
    }
     li.active span.round- tabs.five {
         background: #fff ! important;
         border: 2px solid #ddd;
         color: #999;
    }
     .xuzo.nav-tabs > li.active > a span.round-tabs {
         background: #fafafa;
    }
     .xuzo.nav-tabs > li {
         width: 20%;
    }
    /*li.active:before {
         content: " ";
         position: absolute;
         left: 45%;
         opacity:0;
         margin: 0 auto;
         bottom: -2px;
         border: 10px solid transparent;
         border-bottom-color: #fff;
         z-index: 1;
         transition:0.2s ease-in- out;
    }
    */
     xuzo.li:after {
         content: " ";
         position: absolute;
         left: 45%;
         opacity: 0;
         margin: 0 auto;
         bottom: 0px;
         border: 5px solid transparent;
         border-bottom-color: #ddd;
         transition: 0.1s ease-in- out;
    }
     xuzo.li.active:after {
         content: " ";
         position: absolute;
         left: 45%;
         opacity: 1;
         margin: 0 auto;
         bottom: 0px;
         border: 10px solid transparent;
         border-bottom-color: #ddd;
    }
     .xuzo.nav-tabs > li a {
         width: 70px;
         height: 70px;
         margin: 0 auto;
         border-radius: 100%;
         padding: 0;
    }
     .xuzo.nav-tabs > li a:hover {
         background: transparent;
    }
     .tab-content {
    }
     .tab-pane {
         position: relative;
         padding-top: 40px;
    }
     .tab-content .head {
         font-family: 'Roboto Condensed', sans-serif;
         font-size: 25px;
         text-transform: uppercase;
         padding-bottom: 10px;
    }
     .btn-outline-rounded {
         padding: 10px 40px;
         margin: 20px 0;
         border: 2px solid transparent;
         border-radius: 25px;
    }
     .btn.green {
         background-color: #5cb85c;
        /*border: 2px solid #5cb85c;
        */
         color: #ffffff;
    }
     @media( max-width: 585px) {
         .board {
             width: 90%;
             height: auto !important;
        }
         span.round-tabs {
             font-size: 16px;
             width: 55px;
             height: 55px;
             line-height: 55px;
        }
         .tab-content .head {
             font-size: 20px;
        }
         .xuzo.nav-tabs > li a {
             width: 50px;
             height: 50px;
             line-height: 50px;
        }
         li.active:after {
             content: " ";
             position: absolute;
             left: 35%;
        }
         .btn-outline-rounded {
             padding: 12px 20px;
        }
    }
     .tab-pane {
         padding-top: 1px;
    }
     .carousel-inner>.item>img {
         border-bottom: 1px solid #000;
         margin: 0 auto;
    }
     #black-stroke {
         text-align: center;
         font-weight: 900;
         -webkit-text-fill-color: transparent;
         -webkit-text-stroke-width: 2px;
         -webkit-text-stroke-color: #fff;
         font-size: 4.5rem;
    }
     .index_headers {
         background-color: #0078ae;
         color: white;
         padding: 3px 10px 3px 10px;
         border: 1px dotted #f5f5f5;
         border-radius: 3px;
    }
    /*boostnip crumbs xuzo modified*/
     .footer.breadcrums-full-width {
         padding: 1px 0 0;
         background-color: #88BA00;
         color: white;
         border-top: none;
    }
     .breadcrumb {
         padding: 0px;
         background-color: #88BA00;
         list-style: none;
         overflow: hidden;
         margin-bottom: 0px;
         line-height: .5em;
    }
     .breadcrumb>li+li:before {
         padding: 0 5px;
         color: transparent;
    }
     .breadcrumb li {
         float: left;
    }
     .breadcrumb li.active a {
         background: brown;
        /* fallback color */
         background: #ffc107;
         padding: 10px 0 10px 45px;
    }
}
 .breadcrumb li.completed a {
     background: brown;
    /* fallback color */
     background: hsla(153, 57%, 51%, 1);
}
 .breadcrumb li.active a:after {
     border-left: 30px solid #ffc107;
}
 .breadcrumb li.completed a:after {
     border-left: 30px solid hsla(153, 57%, 51%, 1);
}
 .breadcrumb li a {
     color: white;
     text-decoration: none;
     padding: 10px 0 10px 45px;
     position: relative;
     display: block;
     float: left;
}
 .breadcrumb li a:after {
     content: " ";
     display: block;
     width: 0;
     height: 0;
     border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
     border-bottom: 50px solid transparent;
     border-left: 30px solid #88BA00;
     position: absolute;
     top: 50%;
     margin-top: -50px;
     left: 100%;
     z-index: 2;
}
 .breadcrumb li a:before {
     content: " ";
     display: block;
     width: 0;
     height: 0;
     border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
     border-bottom: 50px solid transparent;
     border-left: 30px solid white;
     position: absolute;
     top: 50%;
     margin-top: -50px;
     margin-left: 1px;
     left: 100%;
     z-index: 1;
}
 .breadcrumb>.active {
     color: #ffffff;
     padding: 10px 0 10px 45px;
     background-color: #0078ae;
     padding-right: 10px;
     border-right: 1px solid #ffffff;
     border-bottom: 2px solid #0078ae;
     border-top: 1px solid #0078ae;
}
 .breadcrumb li:first-child a {
     padding-left: 15px;
}
 .breadcrumb li a:hover {
     text-decoration: underline;
}
 .breadcrumb li a:hover:after {
     text-decoration: underline;
     !important;
}
 .navbar {
     margin-bottom: 0px;
}
 div.form-actions {
     border-bottom: 20px solid transparent;
}
/*code pen lowest nav test*/
 div.lowest-nav {
     list-style: none;
     overflow: hidden;
     font: 18px Helvetica, Arial, Sans-Serif;
     margin: 40px;
     padding: 0;
}
 div#lowest-nav {
     float: left;
}
 div#lowest-nav a {
     color: white;
     text-decoration: none;
     padding: 10px 0 10px 55px;
     background: brown;
    /* fallback color */
     background: hsla(34,85%,35%,1);
     position: relative;
     display: block;
     float: left;
}
 div#lowest-nav a:after {
     content: " ";
     display: block;
     width: 0;
     height: 0;
     border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
     border-bottom: 50px solid transparent;
     border-left: 30px solid hsla(34,85%,35%,1);
     position: absolute;
     top: 50%;
     margin-top: -50px;
     left: 100%;
     z-index: 2;
}
 div#lowest-nav a:before {
     content: " ";
     display: block;
     width: 0;
     height: 0;
     border-top: 50px solid transparent;
    /* Go big on the size, and let overflow hide */
     border-bottom: 50px solid transparent;
     border-left: 30px solid white;
     position: absolute;
     top: 50%;
     margin-top: -50px;
     margin-left: 1px;
     left: 100%;
     z-index: 1;
}
 div#lowest-nav:first-child a {
     padding-left: 10px;
}
 div#lowest-nav:nth-child(2) a {
     background: hsla(34,85%,45%,1);
}
 div#lowest-nav:nth-child(2) a:after {
     border-left-color: hsla(34,85%,45%,1);
}
 div#lowest-nav:nth-child(3) a {
     background: hsla(34,85%,55%,1);
}
 div#lowest-nav:nth-child(3) a:after {
     border-left-color: hsla(34,85%,55%,1);
}
 div#lowest-nav:nth-child(4) a {
     background: hsla(34,85%,65%,1);
}
 div#lowest-nav:nth-child(4) a:after {
     border-left-color: hsla(34,85%,65%,1);
}
 div#lowest-nav:nth-child(5) a {
     background: hsla(34,85%,75%,1);
}
 div#lowest-nav:nth-child(5) a:after {
     border-left-color: hsla(34,85%,75%,1);
}
 div#lowest-nav:last-child a {
     background: transparent !important;
     color: black;
     pointer-events: none;
     cursor: default;
}
 div#lowest-nav:last-child a:after {
     border: 0;
}
 div#lowest-nav a:hover {
     background: hsla(34,85%,25%,1);
}
 div#lowest-nav a:hover:after {
     border-left-color: hsla(34,85%,25%,1) !important;
}
 .steps {
     margin: 40px;
     padding: 0;
     overflow: hidden;
}
 .steps a {
     color: white;
     text-decoration: none;
}
 .steps em {
     display: block;
     font-size: 1.1em;
     font-weight: bold;
}
 .steps li {
     float: left;
     margin-left: 0;
     width: 150px;
    /* 100 / number of steps */
     height: 70px;
    /* total height */
     list-style-type: none;
     padding: 5px 5px 5px 30px;
    /* padding around text, last should include arrow width */
     border-right: 3px solid white;
    /* width: gap between arrows, color: background of document */
     position: relative;
}
/* remove extra padding on the first object since it doesn't have an arrow to the left */
 .steps li:first-child {
     padding-left: 5px;
}
/* white arrow to the left to "erase" background (starting from the 2nd object) */
 .steps li:nth-child(n+2)::before {
     position: absolute;
     top:0;
     left:0;
     display: block;
     border-left: 25px solid white;
    /* width: arrow width, color: background of document */
     border-top: 40px solid transparent;
    /* width: half height */
     border-bottom: 40px solid transparent;
    /* width: half height */
     width: 0;
     height: 0;
     content: " ";
}
/* colored arrow to the right */
 .steps li::after {
     z-index: 1;
    /* need to bring this above the next item */
     position: absolute;
     top: 0;
     right: -25px;
    /* arrow width (negated) */
     display: block;
     border-left: 25px solid #7c8437;
    /* width: arrow width */
     border-top: 40px solid transparent;
    /* width: half height */
     border-bottom: 40px solid transparent;
    /* width: half height */
     width:0;
     height:0;
     content: " ";
}
/* Setup colors (both the background and the arrow) */
/* Completed */
 .steps li {
     background-color: #7C8437;
}
 .steps li::after {
     border-left-color: #7c8437;
}
/* Current */
 .steps li.current {
     background-color: #C36615;
}
 .steps li.current::after {
     border-left-color: #C36615;
}
/* Following */
 .steps li.current ~ li {
     background-color: #EBEBEB;
}
 .steps li.current ~ li::after {
     border-left-color: #EBEBEB;
}
/* Hover for completed and current */
 .steps li:hover {
    background-color: #696
}
 .steps li:hover::after {
    border-left-color: #696
}
 .arrows {
     white-space: nowrap;
}
 .arrows li {
     display: inline-block;
     line-height: 26px;
     margin: 0 9px 0 -10px;
     padding: 0 20px;
     position: relative;
}
 .arrows li::before, .arrows li::after {
     border-right: 1px solid #666666;
     content: '';
     display: block;
     height: 50%;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     z-index: -1;
     transform: skewX(45deg);
}
 .arrows li::after {
     bottom: 0;
     top: auto;
     transform: skewX(-45deg);
}
 .arrows li:last-of-type::before, .arrows li:last-of-type::after {
     display: none;
}
 .arrows li a {
     font: bold 24px Sans-Serif;
     letter-spacing: -1px;
     text-decoration: none;
}
 .arrows li:nth-of-type(1) a {
     color: hsl(0, 0%, 70%);
}
 .arrows li:nth-of-type(2) a {
     color: hsl(0, 0%, 65%);
}
 .arrows li:nth-of-type(3) a {
     color: hsl(0, 0%, 50%);
}
 .arrows li:nth-of-type(4) a {
     color: hsl(0, 0%, 45%);
}
 .mainx-content {
     background-color: red;
     color:white;
     margin:0 auto;
     max-width:800px;
     padding:5px 
}
 .mainx-content h2{
     overflow:hidden;
     color:black;
     width:auto;
}
 .featuredfour {
    background-color:#333;
}
 .march17 h6 {
    font-size:30px;
     color:white;
}
 .bustout-blue {
    margin:0 -100%;
     margin:0 calc(50% - 50vw);
     background-color:#0078AE;
	
}
 .bustout-black {
    margin:0 -100%;
     margin:0 calc(50% - 50vw);
     background-color:#666;
	 margin-top: 100px;
     margin-bottom: 100px;
}
 .bustout-blue-text {
    color:#dbf0f7;
}
 .bustout-blue-subheader {
    color:#ffffff;
}
 .bustout-blue-text a {
    color:white;
     font-weight:bold;
     font-style:italic;
}
 .bustout-transparent {
    margin:0 -100%;
     margin:0 calc(50% - 50vw);
     background-color:none;
	 margin-top: 2em;
     margin-bottom: 2em;
	 
}
 h1.bustout-transparent-text {
    color:black;
}
 .bustout-transparent-subheader {
    color:grey;
}
 .bustout-transparent-text a {
     font-weight:bold;
     font-style:italic;
}
 .fl-right {
     margin-bottom:-1%;
     float:right;
     max-width:110px;
     z-index:1;
     padding-right: 15px;
}
 .fl-right-last {
     margin: 0 auto;
     margin-bottom: -3%;
    /* float: right;
     */
     text-align: center;
     max-width: 130px;
     z-index: 1;
     padding: 10px;
}
 .fl-left {
    max-width:110px;
     margin-bottom:-1%;
     float:left;
     padding-right: 15px;
}
 .w-600 
/*{
    max-width:80%;
     margin:0 auto;
}
*/
 .display-suite-expert-bustout {
    margin:0 -100%;
     margin:0 calc(50% - 50vw);
     background-color:#0078AE ;
}
 li#xuzo_left_float_lists {
     list-style-type: circle;
     float: left;
     color:white;
     padding: 10px;
     min-width: 200px;
     text-align: left;
     line-height:2px;
}
 @media screen and (max-width: 400px) {
     h1{
        font-size:26px;
    }
     h3{
        font-size:18px;
    }
     p{
        font-size:14px;
    }
     li{
        font-size:14px;
    }
     li a{
        font-size:14px;
    }
}
 @media screen and (min-width: 401px) and (max-width: 720px) {
     h1{
        font-size:26px;
    }
     h3{
        font-size:18px;
    }
     p{
        font-size:14px;
    }
     li{
        font-size:14px;
    }
     li a{
        font-size:14px;
    }
}
 p a {
    color:#0078AE;
}
 hr#index_hr {
     margin-top: 5px;
     margin-bottom: 5px;
     border-top: 1px double #0078AE;
}
 .top-intro-text span {
    color:pink;
     font-size:22px;
}
 #top-header-image-II {
     text-align: center;
     margin-top: -40px;
     margin-bottom: -20px;
	
    /* border: 5px solid black;
     */
     display: inline;
}
 .pfolio-padding {
    padding-top:40px;
}
 .brands-off {
}
 @media screen and (min-width: 600px) {
     .design-on {
        display:none;
    }
}
/* this is for the bullets list on affiliates page li#float_left_li {
     list-style-type: none;
     float: left;
     padding: 10px;
     min-width: 200px;
     text-align: center;
     line-height:2px;
     display:inline;
}
 .center-aligned-divs {
    margin:0 auto;
}
 li.aaa::before {
     font-family: "Glyphicons Halflings";
     content: "\e080";
     color:#88BA00;
}
 */
/* affiliates tables list */
/*div.table-title {
     display: block;
     margin: auto;
     padding:5px;
     width: 100%;
}
 .table-title h3 {
     color: #fafafa;
     font-size: 30px;
     font-weight: 400;
     font-style:normal;
     font-family: "Roboto", helvetica, arial, sans-serif;
     text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
     text-transform:uppercase;
}
/*** Table Affiliates start ***/
 .table-fill {
     background: white;
     border-radius:3px;
     border-collapse: collapse;
     height: auto;
     margin: auto;
     max-width: 290px;
     padding:5px;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
     animation: float 5s infinite;
}
 th {
     background:#777777;
     border-bottom:12px solid #9ea7af;
     border-right: 1px solid #343a45;
}
 th:first-child {
     border-top-left-radius:3px;
}
 th:last-child {
     border-top-right-radius:3px;
     border-right:none;
}
 tr {
     border-top: 1px solid #C1C3D1;
     border-bottom-: 1px solid #C1C3D1;
     color:#666B85;
     font-size:14px;
     font-weight:normal;
     text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 tr:hover td {
     background:#4E5066;
     color:#FFFFFF;
     border-top: 1px solid #22262e;
     border-bottom: 1px solid #22262e;
}
 tr:first-child {
     border-top:none;
}
 tr:last-child {
     border-bottom:none;
}
 tr:nth-child(odd) td {
     background:#EBEBEB;
}
 tr:nth-child(odd):hover td {
     background:#4E5066;
}
 tr:last-child td:first-child {
     border-bottom-left-radius:3px;
}
 tr:last-child td:last-child {
     border-bottom-right-radius:3px;
}
 td {
     background:#FFFFFF;
     padding:7px;
     font-size:14px;
     text-align:left;
     vertical-align:middle;
     border-right: 1px solid #C1C3D1;
}
 td:last-child {
     border-right: 0px;
}
 th.text-left {
     text-align: left;
}
 th.text-center {
     text-align: center;
}
 th.text-right {
     text-align: right;
}
 td.text-left {
     text-align: left;
}
 td.text-center {
     text-align: center;
}
 td.text-right {
     text-align: right;
}
 #a {
    float:left;
     margin:5px;
}
 #b {
    float:left;
     margin:5px;
}
 .tablescenter {
}
 #outertable {
    width: 100%;
     text-align: center;
}
 #innertable {
    display: inline-block;
}
*/
/***tables affiliates end*/
 .webform-checkboxes {
    top:2px;
     right:5px;
}
 .aboutme {
     border: 10px double #0078AE;
     padding:5px;
     margin:20px;
     float:right;
}
 .Xgallery_images {
     float: left;
     border:1px solid black;
     padding: 5px;
     margin: 5px;
}
/*web assessment form start*/
 .checkbox label, .radio label {
     float: left;
     width: 190px;
}
 .submit_padding.form-item.webform-component.webform-component-checkboxes.webform-component--marketing.form-group.form-item.form-item-submitted-marketing.form-type-checkboxes.form-group {
     padding-bottom: 30px;
}
/*web assessment form end*/

/* center responsive menu */
div.navbar-collapse.collapse.in {
   
    margin-right: 1px;
    width: 100%;
    /* margin-left: 15px; */
}
 
 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #88ba00;
   
}

/* change worklow heaer to grey*/

h3.xuzo.head.text-center
{color:grey;}

/* make help text white on estimate forms for affiliates */

.estimate_form .help-block {
    color: white;
}