/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    /*height: 100%;*/
}

body {
    /*padding-top: 70px; */ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

body {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #6a6a6a;
    background-color: #fff;
}

.verbose_section p {
    font-weight: 100;
    font-size: 20px;
    line-height: 31px;
    margin-top: 20px;
    margin-bottom: 40px;
}

p, ul.genlist {
    font-size: 20px;
    color: #888;
    line-height: 1.625;
    font-weight: lighter;
}

.icon-list li {
    padding: 0 0 15px 40px;
    display: block;
    position: relative;
}

    .icon-list li:before {
        font-family: 'Glyphicons Halflings';
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 100%;
    }

.chevron-right li:before {
    content: '\e080';
}

.checkmark li:before {
    content: '\e067';
}

.arrow-right li:before {
    content: '\e092';
}

.star-empty li:before {
    content: '\e007';
}

dt, dd {
    font-size: medium;
}

dl {
    padding-top: 10px;
}


.img-basestyle {
    float: right;
    margin: 0 0 10px 20px;
}

.orange {
    color: #EF792F;
}

.orangeAlt {
    color: #F97447;
    //color: #F97447;
}

.red {
    color: red;
}

.green {
    color: #8EA138;
}

.dkGreen {
    color: #9fB546;
}

.nativeGreen {
    color: green;
}


.white {
    color: #fff;
}

.gray {
    color: #333;
}

.grayer {
    color: #888;
}

.grayMid {
    color: #b4b4b4;
}

.ltGray {
    color: #ccc;
}

.bgndWhite {
    background-color: #ffffff;
}

.bgndLtGray {
    background-color: #f8f8f8;
}

.bgndOrange {
    background-image: -webkit-linear-gradient(top, #f28f20, #eb830e);
    background-image: -moz-linear-gradient(top, #f28f20, #eb830e);
    background-image: -o-linear-gradient(top, #f28f20, #eb830e);
    background-image: linear-gradient(to bottom, #f28f20, #eb830e);
}

.success {
    color: #fff;
    background: #F15145; /* was #18bc9c */
}


.alert {
    padding-top: 0px;
}

.alert-info {
    margin-top: 20px;
    background-color: #f3f6fb;
    border-width: 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .alert-info h2 {
        text-align: center;
        font-weight: normal;
        padding-bottom: .2em;
        border-bottom: 1px solid #BCE8F1;
        margin-top: 6px;
        margin-bottom: 30px;
    }

/* PRODUCT TILES
-------------------------------------------------- */
.product-tiles {
    position: relative;
    overflow: hidden;
    list-style-type: none;
    margin: 0 -15px 6.5px;
    padding: 0;
}

    .product-tiles li {
        position: relative;
        display: block;
        overflow: hidden;
        float: left;
        margin: 0;
        width: 100%;
        //padding: 0;
    }

.product-tile.nr-pa {
    background-image: -webkit-linear-gradient(top, #f2bc56, #f0b33e);
    background-image: -moz-linear-gradient(top, #f2bc56, #f0b33e);
    background-image: -o-linear-gradient(top, #f2bc56, #f0b33e);
    background-image: linear-gradient(to bottom, #f2bc56, #f0b33e);
    padding: 30px;
}

    .product-tile.nr-pa:hover {
        background-image: -webkit-linear-gradient(top, #f4c56e, #f2bc56);
        background-image: -moz-linear-gradient(top, #f4c56e, #f2bc56);
        background-image: -o-linear-gradient(top, #f4c56e, #f2bc56);
        background-image: linear-gradient(to bottom, #f4c56e, #f2bc56);
    }

.product-tile.nr-pip {
    background-image: -webkit-linear-gradient(top, #348899, #2e7786);
    background-image: -moz-linear-gradient(top, #348899, #2e7786);
    background-image: -o-linear-gradient(top, #348899, #2e7786);
    background-image: linear-gradient(to bottom, #348899, #2e7786);
    padding: 30px;
}

    .product-tile.nr-pip:hover {
        background-image: -webkit-linear-gradient(top, #3a99ac, #348899);
        background-image: -moz-linear-gradient(top, #3a99ac, #348899);
        background-image: -o-linear-gradient(top, #3a99ac, #348899);
        background-image: linear-gradient(to bottom, #3a99ac, #348899);
    }

.product-tile.nr-sod {
    background-image: -webkit-linear-gradient(top, #00b6d8, #00a1bf);
    background-image: -moz-linear-gradient(top, #00b6d8, #00a1bf);
    background-image: -o-linear-gradient(top, #00b6d8, #00a1bf);
    background-image: linear-gradient(to bottom, #00b6d8, #00a1bf);
    padding: 30px;
}

    .product-tile.nr-sod:hover {
        background-image: -webkit-linear-gradient(top, #00cbf2, #00b6d8);
        background-image: -moz-linear-gradient(top, #00cbf2, #00b6d8);
        background-image: -o-linear-gradient(top, #00cbf2, #00b6d8);
        background-image: linear-gradient(to bottom, #00cbf2, #00b6d8);
    }

.product-tile.nr-pb {
    background-image: -webkit-linear-gradient(top, #74569f, #684d8e);
    background-image: -moz-linear-gradient(top, #74569f, #684d8e);
    background-image: -o-linear-gradient(top, #74569f, #684d8e);
    background-image: linear-gradient(to bottom, #74569f, #684d8e);
    padding: 30px;
}

    .product-tile.nr-pb:hover {
        background-image: -webkit-linear-gradient(top, #8164ab, #74569f);
        background-image: -moz-linear-gradient(top, #8164ab, #74569f);
        background-image: -o-linear-gradient(top, #8164ab, #74569f);
        background-image: linear-gradient(to bottom, #8164ab, #74569f);
    }

.product-tile.nr-eror {
    background-image: -webkit-linear-gradient(top, #8cc641, #7fb737);
    background-image: -moz-linear-gradient(top, #8cc641, #7fb737);
    background-image: -o-linear-gradient(top, #8cc641, #7fb737);
    background-image: linear-gradient(to bottom, #8cc641, #7fb737);
}

    .product-tile.nr-eror:hover {
        background-image: -webkit-linear-gradient(top, #98cc55, #8cc641);
        background-image: -moz-linear-gradient(top, #98cc55, #8cc641);
        background-image: -o-linear-gradient(top, #98cc55, #8cc641);
        background-image: linear-gradient(to bottom, #98cc55, #8cc641);
    }

.product-tile {
    background-image: -webkit-linear-gradient(top, #1c1c1c, #0f0f0f);
    background-image: -moz-linear-gradient(top, #1c1c1c, #0f0f0f);
    background-image: -o-linear-gradient(top, #1c1c1c, #0f0f0f);
    background-image: linear-gradient(to bottom, #1c1c1c, #0f0f0f);
    padding: 30px;
}

    .product-tile a {
        display: block;
        text-decoration: none;
    }

        .product-tile a:hover {
            color: #008c99;
            text-decoration: none;
        }

    .product-tile:hover {
        cursor: pointer;
        background-image: -webkit-linear-gradient(top, #292929, #1c1c1c);
        background-image: -moz-linear-gradient(top, #292929, #1c1c1c);
        background-image: -o-linear-gradient(top, #292929, #1c1c1c);
        background-image: linear-gradient(to bottom, #292929, #1c1c1c);
    }

    .product-tile p {
        color: white;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 87px;
        margin: 0 auto 0;
        font-weight: 400;
    }

.product-tile-big p {
    height: 160px;
}

.product-tile-biggest p {
    height: 190px;
}

.product-tile strong {
    display: block;
    color: white;
}

.small {
    font-size: 87%;
    font-family: 'Century Gothic';
}

.caption {
    font-size: 90%;
    line-height: 130%;
    font-style: oblique;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.caption span {
    font-size: 90%;
    line-height: 130%;
    font-style: oblique;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.nr-pip span {
    color: #ccc;
}

.nr-pa span {
    color: #966161;
}

.nr-sod span {
    color: #ccc;
}

.nr-pb span {
    color: #BB99BD;
}

.nr-eror span {
    color: #C4EAC0;
}

.product-tiles h1 {
    margin-top: 0px;
    color: white;
    font-family: 'Century Gothic';
}
/* -------- end Product Tiles CSS ------------- */

.custLogo {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
}

.sidebysideLogos {
    width: 50%;
    float: left;
    text-align: center;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.headerUL {
    margin-top: 25px;
    border-bottom: 1px solid #666666;
}

.RoRimg {
    display: block;
    margin: 15px auto;
}


/* Home Page Carousel */

header.carousel {
    height: 50%;
}

.navbar {
    margin-bottom: 0px; /* Required padding for .navbar-static-top. Remove if using .navbar-fixed-top. Change if height of navigation changes. */
}

.navbar-logo {
    z-index: 10000;
    //background: #000000;
    //background: url(../images/dvlogo-color.png) no-repeat;
    //display: block;
    padding-left: 8px;
}

/* Top-menu control 
.nav.navbar-nav.navbar-right li a {
    color: #222222;
    font-size: large;
}
.nav.navbar-nav.navbar-right li a:hover {
    color: #FFCC33;
    background-color:transparent;
}*/

/* sub-menu control 
.dropdown-menu {
    background-color: #FFCC13;
}
.dropdown-menu li a {
    color: red;
}
.dropdown-menu li a:hover {
    color: green;
}*/

.navbar-inverse {
    background-image: none;
    //background-color: #024c61; /* color, blue */
    background-color: #292c2f; /* color, footer */
    /* no footer color specified = black background color */
}

.navbar .container {
    margin-top: 10px;
    margin-bottom: 8px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border-color: transparent;
}

.aboutUsPanels {
    position: relative;
    padding: 45px 35px 45px;
    background-color: #f8f8f8;
}

.thumbnail {
    border-radius: 0;
    border: none;
    border-bottom: 4px solid #dfdfdf;
    padding: 15px;
}

.caption1 {
    padding: 0px 15px 20px 10px;
    //margin-bottom: 0px;
}

    .caption1 h3 {
        color: #111;
        font: bold 18px/28px 'Open Sans', sans-serif;
        margin-bottom: 16px;
    }

    .caption1 p {
        color: #777;
        line-height: 150%;
        font-size: 120%;
    }

.masthead {
    position: relative;
    color: #fff;
    text-align: center;
    text-shadow: 0 4px 0 rgba(0,0,0,.1);
    background-color: #3276b1;
    background-image: -webkit-linear-gradient(top, #285e8e 0%, #3276b1 100%);
    background-image: linear-gradient(to bottom, #285e8e 0%, #3276b1 100%);
    background-repeat: repeat-x;
}

div.transpbox {
    margin: 10px;
    margin: auto;
    max-width: 915px;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

div.transpbox h1 {
    margin: 1%;
    font-weight: bold;
    color: #000;
    text-shadow: 3px 3px 8px rgba(150, 150, 150, 1);
}

.jumbotron {
    padding-top: 100px; /* gives added room at topof jumbotrons to allow menu to fit comfotably */
}

.jumbotron.careers {
    padding-top: 30px;
    padding-right: 5%;
    padding-left: 5%;
    max-width:975px;
    margin: auto;
    border-radius: 6px;
}
.jumbotron.careers.whiteonbrown {
    color:#fff;
    background-color: #494949;
}
.jumbotron.careers.brownonwhite {
    color:#494949;
    background-color: #ffffff;
}

    .jumbotron.btmMarg-zero {
        margin-bottom: 0px;
    }

    .jumbotron.btmPadd-zero {
        padding-bottom: 0px;
    }

    .jumbotron.relative {
        position: relative;
    }

    .jumbotron.topPadd-zero {
        padding-top: 0px;
    }

    .jumbotron.topPadd-20 {
        padding-top: 20px;
    }

    .jumbotron.PaddT-100 {
        padding-top: 100px;
    }

.Padd-zero {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.navbarPlcmt {
    padding: 100px 0px 0px 0px;
}

.horizPadd-40 {
    padding: 0px 40px;
}

.horizPadd-10pct {
    padding-left: 10%;
    padding-right:10%;
}

.Padd-25 {
    padding: 25px 25px 25px 25px;
}

.Padd-40 {
    padding: 40px 40px 0px 40px;
}

.PaddL-10 {
    padding-left: 10px;
}

.PaddL-15 {
    padding-left: 15px;
}

.Padd-10 {
    padding: 10px 10px 10px 10px;
}

.PaddTB-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.PaddTB-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.PaddT-100 {
    padding-top: 100px;
}
.PaddT-50 {
    padding-top: 50px;
}
.PaddT-25 {
    padding-top: 25px;
}

.MargT60-B50 {
    margin-top: 60px;
    margin-bottom: 50px;
}

.margLR-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.PaddB-40 {
    padding-bottom: 40px;
}

.PaddB-60 {
    padding-bottom: 60px;
}

.margB-30 {
    margin-bottom: 20px;
}

.margB-50 {
    margin-bottom: 50px;
}

.margT-zero {
    margin-top: 0px;
}

.jumbotTxtClrLt {
    color: #fff;
    text-shadow: 0 4px 0 rgba(0,0,0,.1);
}

.jumbotTxtClrDrk {
    color: #333;
    text-shadow: 0 4px 0 rgba(0,0,0,.1);
}

.submasthead {
    border-top: 1px solid red;
    border-bottom: 1px solid orange;
    margin-bottom: 0px;
}

/* PRR page content
-------------------------------------------------- */

.PRRLinkPanel p {
    font-size: 18px;
    color: #333;
    font-weight: 300;
}

/* MARKETING CONTENT
-------------------------------------------------- */

.marketing {
    margin-top: 20px;
    margin-bottom: 20px;
}

    /* Center align the text within the three columns below the carousel */
    .marketing .col-md-6 {
        margin-bottom: 20px;
        text-align: center;
    }

    .marketing h2 {
        font-weight: normal;
    }

    .marketing .col-md-6 p {
        margin-right: 10px;
        margin-left: 10px;
    }

/* horizontal rule
------------------------- */
hr.style18 {
    height: 30px;
    border-style: solid;
    border-color: #8c8b8b;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}

    hr.style18:before {
        display: block;
        content: "";
        height: 30px;
        margin-top: -31px;
        border-style: solid;
        border-color: #8c8b8b;
        border-width: 0 0 1px 0;
        border-radius: 20px;
    }

hr.style3 {
    border-top: 1px dashed #8c8b8b;
    margin-left: 25%;
    margin-right: 25%;
}


/* Featurettes
------------------------- */

.featurette-divider {
    margin: 60px 0px 30px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
}


h1.fontSourceSansPro {
    font: 400 75px/0.5 'Source Sans Pro', Helvetica, sans-serif;
}

h1.fontMontserrat {
    font-family: 'Montserrat', Helvetica, sans-serif;
}

h3.fontOpenSans {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 200;
}
h1.fontOpenSans {
    font-family: 'Open Sans', Arial, sans-serif;
    //font-weight: 200;
    line-height: 1.0;
    text-shadow: 0 4px 0 rgba(0,0,0,.1);
}

h1.fontRoboto400 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

h1.fontRoboto300 {
    //font: 300 75px/0.5 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 0.75;
}

h1.fontRoboto200 {
    //font: 200 75px/1.0 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    line-height: 1.0;
}

h1.fontRoboto100 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 1.0;
    //font-size: 85px;
}
.darkWaveBlue {
    color:#63948f;
}
h3.darkWave {
    color:#292d2d;
    line-height:1.5;
    font-size: 32px; /* default is 24 */
}

h1.fontRoboto {
    font: 300 75px/0.5 'Roboto', sans-serif;
}

h1.RobotoMono {
    font-family: 'Roboto Mono';
    //font-weight: 400;
    font-weight: 300;
    //font-weight: 100;
}

.p-alt-in-jumbo {
    font-size: 19px !important;
    line-height: 1.625;
}

.left-content {
    text-align: left;
}

.center-content {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* ??? Styles */
.moduleIntro {
    clear: both;
    text-align: center;
    padding: 0px 20px 0px 20px;
    margin: 0;
    //padding: 40px 0;
}

    .moduleIntro span {
        font-size: 63px;
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
        letter-spacing: -1px;
    }

    .moduleIntro h1 {
        font-size: 43px;
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
        letter-spacing: -1px;
    }

.clrPIP {
    color: #2e7786;
}

.clrPA {
    color: #f0b33e;
}

.clrSOD {
    color: #00a1bf;
}

.clrPBO {
    color: #684d8e;
}

.getStarted {
    clear: both;
    text-align: center;
    padding: 0px 20px 0px 20px;
    margin: 0;
}

    .getStarted h2 {
        /*color: #eb1a21;*/
        color: #FFCC13;
        font-size: 63px;
        font-family: 'Rubik', sans-serif;
        font-weight: 300;
        letter-spacing: -1px;
    }

    .getStarted p {
        color: #616263;
        max-width: 780px;
        margin: 0px auto 20px auto;
    }

    .getStarted div {
        /*color: #eb1a21;*/
        color: #FFCC13;
    }

/* features list styling */
.featuresList .panel-body {
    padding: 10px 10px 10px 1px;
}

.featuresList ol {
    color: #95B546; /* sets color of ordered list bullets */
    //color: #ccc; /* sets color of ordered list bullets */
    list-style-type: none;
    padding-left: 7px;
    vertical-align: middle;
}

    .featuresList ol li {
        position: relative;
        font: bold 35px/1.5 Helvetica, Verdana, sans-serif;
        margin-bottom: 20px;
    }

.featuresList li p {
    font: 16.5px/1.7 Helvetica, sans-serif;
    padding-left: 30px;
    padding-top: 8px;
    color: #555;
}

.featuresList span {
    position: absolute;
}



/* CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
    height: 225px;
    margin-top: 0px;
    margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    //height: 825px;
    //background-color: #eee;
}

.carousel-inner > .item > img {
    position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    //position: absolute;
    //top: 0;
    //left: 0;
    //min-width: 100%;
    //height: 100%;
}

.item h4 {
    border-bottom: 1px solid #666666;
    font-weight: bolder;
    color: #666;
}

.item p {
    color: #666;
    font-style: oblique;
}

.displayed {
    max-width: 100%;
    height: auto;
}

.carousel-indicators li {
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #999;
}

.carousel-indicators .active {
    background-color: #999;
}

.carousel-control {
    color: #999;
}

    .carousel-control:hover {
        color: #ccc;
    }

    .carousel-control.left {
        background-image: none;
    }

    .carousel-control.right {
        background-image: none;
    }


/* Lets Get Started 
-------------------------------------------------- */

.footer-phone {
    color: #024c61;
    font-size: 35px;
    font-weight: 700;
    margin-top: 17px;
    margin-bottom: 20px;
}

/* OUTLINE BUTTONS
-------------------------------------------------- */

.btn.outline {
    padding: 12px 42px;
    border-radius: 0px;
}

.btn-primary.outline {
    border: 2px solid #777777;
    color: #777777;
    background: none;
}

    .btn-primary.outline:hover, .btn-primary.outline.hover {
        color: #ffffff;
        background-color: #777777;
        border-color: #777777;
    }
/* alternate RED color for Let's Get Stated button = #eb1a21 */
.btn.outlineStarted {
    padding: 12px 42px;
    border-radius: 4px;
}

.btn-primary.outlineStarted {
    border: 2px solid #FFCC13; /* consider using a darker shade of yellow #f0b33e */
    color: #FFCC13;
    background: none;
}

    .btn-primary.outlineStarted:hover, .btn-primary.outlineStarted.hover {
        color: #383838;
        background-color: #FFCC13;
        border-color: #FFCC13;
    }

/* outline buttons for home page */
.btn.outlinePIP {
    padding: 12px 42px;
    border-radius: 4px;
    white-space: normal;
}

.btn-primary.outlinePIP {
    border: 2px solid #2e7786;
    color: #2e7786;
    background: none;
    text-transform: none;
    font-size: medium;
}

    .btn-primary.outlinePIP:hover, .btn-primary.outlinePIP.hover {
        color: #fff;
        background-color: #2e7786;
    }

.btn.outlinePA {
    padding: 12px 42px;
    border-radius: 4px;
    white-space: normal;
}

.btn-primary.outlinePA {
    border: 2px solid #f0b33e;
    color: #f0b33e;
    background: none;
    text-transform: none;
    font-size: medium;
}

    .btn-primary.outlinePA:hover, .btn-primary.outlinePA.hover {
        color: #fff;
        background-color: #f0b33e;
    }

.btn.outlineSOD {
    padding: 12px 42px;
    border-radius: 4px;
    white-space: normal;
}

.btn-primary.outlineSOD {
    border: 2px solid #00a1bf;
    color: #00a1bf;
    background: none;
    text-transform: none;
    font-size: medium;
}

    .btn-primary.outlineSOD:hover, .btn-primary.outlineSOD.hover {
        color: #fff;
        background-color: #00a1bf;
    }

.btn.outlinePBO {
    padding: 12px 42px;
    border-radius: 4px;
    white-space: normal;
}

.btn-primary.outlinePBO {
    border: 2px solid #684d8e;
    color: #684d8e;
    background: none;
    text-transform: none;
    font-size: medium;
}

    .btn-primary.outlinePBO:hover, .btn-primary.outlinePBO.hover {
        color: #fff;
        background-color: #684d8e;
    }

.btn.outlineOrange {
    padding: 12px 42px;
    border-radius: 0px;
    width: 100%;
    white-space: normal;
}

.btn-primary.outlineOrange {
    border: 2px solid #f0b33e;
    color: #f0b33e;
    background: none;
    text-transform: none;
    font-size: medium;
}

    .btn-primary.outlineOrange:hover, .btn-primary.outlineOrange.hover {
        color: #ffffff;
        background-color: #f0b33e;
        border-color: #f0b33e;
    }

/* Buttons for PRR Oveview Page */
.btn.outlineOrangeAlt {
    padding: 5px 10px;
    border-radius: 4px;
    white-space: normal;
}

.btn-primary.outlineOrangeAlt {
    border: 2px solid #F97447;
    color: #F97447;
    background: none;
    text-transform: none;
    font-size: medium;
}

    .btn-primary.outlineOrangeAlt:hover, .btn-primary.outlineOrangeAlt.hover {
        color: #fff;
        background-color: #F97447;
        border-color: #F97447;
    }

.btn.outlineSm_White {
    padding: 6px 8px;
    border-radius: 0px;
}

.btn-primary.outlineSm_White {
    border: 2px solid #ffffff;
    color: #ffffff;
    background: none;
    text-shadow: none;
    text-transform: none;
}

    .btn-primary.outlineSm_White:hover, .btn-primary.outlineSm_White.hover {
        color: #666666;
        background-color: #ffffff;
        border-color: #666666;
    }

.btn.outlineSm_Blk {
    padding: 6px 8px;
    border-radius: 0px;
}

.btn-primary.outlineSm_Blk {
    border: 2px solid #333333;
    color: #333333;
    background: none;
    text-shadow: none;
    text-transform: none;
}

    .btn-primary.outlineSm_Blk:hover, .btn-primary.outlineSm_Blk.hover {
        color: #ffffff;
        background-color: #333333;
        border-color: #333333;
    }

/***********************
  CUSTON BTN VALUES
************************/

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: 0 none;
    }


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

    .price sup {
        top: -20px;
        left: 2px;
        font-size: 20px;
    }

.period {
    display: block;
    font-style: italic;
}


/* FAQ Panel CSS */
.panel-body {
    padding: 0px 15px 15px 45px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
    border-bottom: solid 1px #ddd;
}

.panel-body {
    font-weight: 100;
    font-size: 19px;
    line-height: 31px;
}

i.indicator {
    margin-right: 10px;
}

.panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
}

.panel-title a {
    font-size: 19px;
    color: #333;
    line-height: 1.625;
}

.circle-icon {
    border: 2px solid rgb(205, 209, 215);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    color: #F15145;  /* was #18bc9c */
    text-align: center;
    line-height: 120px;
    vertical-align: middle;
    padding: 33px;
}


.imgtt {
    width: 32px;
    height: 32px;
    border-radius: 20px;
    border: 2px solid #f28f20;
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    color: #f28f20;
    line-height: normal;
}

    .imgtt h3 {
        font-weight: 100;
        font-size: 20px;
        margin: 0 0 5px 0;
        line-height: normal;
    }

    .imgtt p {
        font-weight: 400;
        font-size: 12px;
        line-height: normal;
        margin-top: auto;
        margin-bottom: auto;
    }

    .imgtt:hover {
        -webkit-animation-play-state: paused;
    }

.imgttinfo {
    width: 200px;
    padding: 10px;
    background: rgba(255, 255, 255, 1);
    border-radius: 3px;
    position: absolute;
    visibility: hidden;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .5);
}

.imgtt:hover .imgttinfo {
    visibility: visible;
}

.imgttarrow, .imgttarrowl, .imgttarrowr {
    position: absolute;
    margin: 10px 0 0 88px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

.imgttarrowl {
    margin: 10px 0 0 0px;
}

.imgttarrowr {
    margin: 10px 0 0 156px;
}

.sec0 .imgtt.tt1 {
    left: 41%;
    top: 2%;
}

    .sec0 .imgtt.tt1 .imgttinfo {
        margin: -109px 0 0 -95px;
    }

.sec0 .imgtt.tt2 {
    left: 5%;
    top: 15%;
}

    .sec0 .imgtt.tt2 .imgttinfo {
        margin: -109px 0 0 -5px;
    }

.sec0 .imgtt.tt3 {
    left: 35%;
    top: 30%;
}

    .sec0 .imgtt.tt3 .imgttinfo {
        margin: -75px 0 0 -95px;
    }

.sec0 .imgtt.tt4 {
    left: 45%;
    top: 56%;
}

    .sec0 .imgtt.tt4 .imgttinfo {
        margin: -109px 0 0 -95px;
    }

.sec0 .imgtt.tt5 {
    left: 55%;
    top: 84%;
}

    .sec0 .imgtt.tt5 .imgttinfo {
        margin: -109px 0 0 -95px;
    }

.sec2 .imgtt.tt1 {
    left: 75%;
    top: 20%;
}

    .sec2 .imgtt.tt1 .imgttinfo {
        margin: -93px 0 0 -162px;
    }

.sec2 .imgtt.tt2 {
    left: 39%;
    top: 55%;
}

    .sec2 .imgtt.tt2 .imgttinfo {
        margin: -93px 0 0 -95px;
    }

.sec4 .imgtt.tt1 {
    left: 14%;
    top: 78%;
}

    .sec4 .imgtt.tt1 .imgttinfo {
        margin: -109px 0 0 -5px;
    }

.sec4 .imgtt.tt2 {
    left: 55%;
    top: 25%;
}

    .sec4 .imgtt.tt2 .imgttinfo {
        margin: -93px 0 0 -95px;
    }

.sec4 .imgtt.tt3 {
    left: 78%;
    top: 1%;
}

    .sec4 .imgtt.tt3 .imgttinfo {
        margin: -93px 0 0 -162px;
    }



/*
 *  
 *  Footer Styles
 *  
 */



/*
 *  
 *  Banner Image styles
 *  
 */
.imageBanner-padd156 {
    padding: 156px 20px 0px 20px; /* top and bottom set height of image */
}

.imageBanner-padd128 {
    padding: 100px 20px 0px 20px; /* top and bottom set height of image was 128. change to 100 */
}
.imageBanner-Home {
    padding: 100px 40px 0px 40px; /* top and bottom set height of image was 128. change to 100 */
}

.imageBannerPIPfinal, 
.imageBannerPAfinal,
.imageBannerSODfinal,
.imageBannerPBOfinal,
.imageBanner401K_Plan_Management_Software,
.imageBannerEnterpriseROR {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.imageBannerPERSONAL_RATE_OF_RETURN{
    /* About Us */
    background-image: url('../images/personal_rate_of_return.jpg');
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}

.imageBannerPRR {
    /* PRR */
    background-image: url('../images/employee_401k_plan_health.jpg');
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}
.imageBannerCareers {
    //background: url('../images/downtownTucson-DV.jpg') no-repeat top center scroll;
    background-image: url('../images/downtownTucson-DV.jpg');
    position: relative;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 468px;
}


.imageBannerPIPfinal {
    background: url('../images/PIP_VB1.0.jpg') no-repeat center center scroll; /* less wide version: PIPfinal.png */
    height: 600px;
}

.imageBannerPAfinal {
    background: url('../images/manage_401k_employee_plans.jpg') no-repeat center center scroll; /*less wide version: PAfinal.png */
    height: 600px;
}

.imageBannerSODfinal {
    background: url('../images/SOD_reduce_fiduciary_risk.jpg') no-repeat center center scroll; /* less wide version: SODfinal.png */
    height: 600px;
}


.imageBannerPBOfinal {
    background: url('../images/monitor_employee_investment_plan_behavior.jpg') no-repeat center center scroll; /* less wide version: PBOfinal.png */
    height: 600px;
}

.imageBanner401K_Plan_Management_Software {
    background-image: url('../images/401k_plan_management_software.jpg');
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}

.imageBannerEnterpriseROR {
    background-image: url('../images/EnterpriseROR-banner.jpg'); /* EnterpriseROR-banner-wide.jpg */
    position: relative;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}
/* Banner Image styles END */


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

@media (min-width: 768px) {

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 60px;
    }
}


/* Product Tiles Responsive Styles*/

@media (min-width: 767px) {
    .product-tiles li {
        width: 50%;
        padding: 0px 7.5px 15px 7.5px;
    }
}

/*
@media (min-width: 992px) {
    .product-tiles li {
        width: 25.000%;
    }
}
*/

/* Responsive Styles, special media queries for PIP products page (wide heading needs re-sizing) */

@media screen and (max-width: 1030px) {
    .jumbotron .h3 .darkWave, .jumbotron h3.darkWave {
        font-size: 24px;
    }
}
@media screen and (min-width: 768px) {
    .jumbotron .h3 .darkWave, .jumbotron h3.darkWave {
        padding-top: 50px;
    }
}
@media screen and (max-width: 750px) {
    .jumbotron .h3 .darkWave, .jumbotron h3.darkWave {
        font-size: 20px;
    }
}


@media screen and (max-width: 1030px) {
    .jumbotron .h1 .specialMediaH1, .jumbotron h1.specialMediaH1 {
        font-size: 60px;
    }
}
@media screen and (min-width: 768px) {
    .jumbotron .h1 .specialMediaH1, .jumbotron h1.specialMediaH1 {
        font-size: 73px;
    }
}

@media screen and (max-width: 920px) {
    .jumbotron .h1 .specialMediaH1, .jumbotron h1.specialMediaH1 {
        font-size: 55px;
    }
}
/* REMOVE THIS BREAKPOINT
@media screen and (max-width: 750px) {
    .jumbotron .h1 .specialMediaH1, .jumbotron h1.specialMediaH1 {
        font-size: 45px;
    }
}
*/
@media screen and (max-width: 750px) {
    .jumbotron .h3 .specialMediaH3, .jumbotron h3.specialMediaH3 {
        font-size: 18px;
    }
}
@media screen and (max-width: 750px) {
    .jumbotron .imageBanner-Home {
        padding-top:75px;
    }
}
/**/
@media (max-width: 767px) {
    .page_about .pull-left {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }
}

@media (min-width: 767px) {
    .product-tiles {
        margin: 0px -7.5px 6.5px -7.5px;
    }
}

@media (min-width: 767px) {
    .product-tile {
        padding: 15px;
    }
}

#smallscreen {
    display: inline-block;
}

#bigscreen {
    display: none;
}

@media (min-width: 767px) {
    #smallscreen {
        display: none;
    }

    #bigscreen {
        display: inline-block;
    }
}

/*@media (max-width: 767px) {
    .product-tile p {
        font-size: initial;
    }
}*/

@media (max-width: 767px) {
    .navbar-collapse.collapse, .navbar-collapse.collapsing {
        background-color: #FFCC13;
        opacity: .90;
        padding-left: 30px;
        margin-top: 10px;
        margin-bottom: -9px;
    }
}

@media (max-width: 362px) {
    #removePIPwords {
        display: none;
    }
}


/* specialized classes to set menu color by specific page when not in mobile mode */
@media (min-width: 768px) {

    .page_index .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_index .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #63948f; /* homepage */
    }
    .page_products .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_products .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #383838; /* products overview */
    }
    .page_products_EnterpriseROR .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_products_EnterpriseROR .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #fff; /* products EnterpriseROR */
    }
    .page_products_PIP .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_products_PIP .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #fff; /* products PIP */
    }
    .page_products_PA .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_products_PA .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #fff; /* products PA */
    }
    .page_products_pa_examples .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_products_pa_examples .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #383838; /* products PA Examples */
    }
    .page_products_SOD .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_products_SOD .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #fff; /* products SOD */
    }
    .page_products_PBO .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_products_PBO .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #fff; /* products PBO */
    }

    .page_PRR .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_PRR .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #fff; /* PRR Overview */
    }
    .page_PRR_calcmethods .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_PRR_calcmethods .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #383838; /* PRR calcmethods */
    }
    .page_PRR_annualize .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_PRR_annualize .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #383838; /* PRR annualize */
    }
    .page_PRR_TWRRvsDWRR .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_PRR_TWRRvsDWRR .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #383838; /* PRR TWRRvsDWRR */
    }
    .page_PRR_connect .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_PRR_connect .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #383838; /* PRR connect */
    }

    .page_about .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_about .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #fff; /* PRR About */
    }

    .page_contact .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_contact .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #383838; /* PRR Contact */
    }

    .page_careers .navbar:not(.fixed-theme) .navbar-nav > li > a, .page_contact .navbar:not(.fixed-theme) .navbar-nav > li > a {
        color: #383838; /* Careers */
    }
    .page_careers #header-container.container.navbar-container {
        max-width:955px; /* Careers */
    }

    .page_careers .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 0px; 
        padding-left: 0px; 
    }

    .page_careers .container .jumbotron p, .container-fluid .jumbotron p {
        padding-right: 60px; 
        padding-left: 60px; 
    }
}

.nav > li > a {
    border: 1px solid transparent;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: initial;
    border: 1px solid #fff;
}

.navbar.fixed-theme .navbar-nav > li > a {
    color: #fff;
}
@media (max-width: 767px) {
    .navbar.fixed-theme .navbar-nav > li > a, .navbar .navbar-nav > li > a {
        color: #000;
    }
}

/* Careers page media queries 
.pull-alrighty {
    float:right;
}
.text-alrighty {
    text-align:right;
}
*/
@media (max-width: 767px) {
    .page_careers .media .pull-right {
        float:left !important;
        padding-left: 0px;
        padding-right: 10px;
}

@media (max-width: 767px) {
    .page_careers .media .media-body p {
        text-align:left !important;
    }
}