/* NOTE: THE STYLES OUTSIDE OF THE @MEDIA QUERIES APPLY TO SCREENS LESS THAN 768PX WIDE - AKA MOBILE SCREENS.  USE THE @MEDIA QUERIES TO SET THE STYLES FOR TABLETS AND DESKTOPS BASED ON WHAT LOOKS/FUNCTIONS BEST AT EACH SIZE (ABOVE 768PX AND ABOVE 992PX)
-------------------------------------------------- */

/* GLOBAL STYLES
-------------------------------------------------- */

html,body
{
    height: 100%;
}

body
{
    font-family: 'Open Sans', sans-serif;
}

/* Styles for all buttons across the entire site --Note: These should only determine the default button styles. There are specific style adjustments for the buttons for each separate area in the different section styles, any changes there will override these. */

.btn
{
    border-radius: 0px;
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
}

.btn
{
    border-radius: 0px;
    background: transparent;
    border: 2px solid #999;
    color: #000;
    text-transform: uppercase;
}

.btn.btn-lg
{
}

.btn.btn-xl
{
}

.navbar-social, .app-soc-mob-foot {display: none !important;}

/* Styles for the Apply buttons across the entire site */

.btn-primary
{
    background-color: transparent;
    background-image: url('images/app-btn1.png');
    background-size: cover;
    color: #000;
    font-weight: bold;
    border: none;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active
{
    background-color: transparent;
}

.btn.btn-xl.btn-primary
{
}

/* Styles for the Learn More buttons across the entire site */

.btn-default
{
    border-radius: 0px;
    border: 2px solid #999;
    color: #999999;
    text-transform: uppercase;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default
{
}

/* Hide the sidebar on mobile/tablet screens, do not change */

form .form-group.col-xs-1, form .form-group.col-xs-2, form .form-group.col-xs-3, form .form-group.col-xs-4, form .form-group.col-xs-5, form .form-group.col-xs-6, form .form-group.col-xs-7, form .form-group.col-xs-8, form .form-group.col-xs-9, form .form-group.col-xs-10, form .form-group.col-xs-11, form .form-group.col-xs-12
{
    padding-left: 15px;
    padding-right: 15px;
}

form a.panel-title {color: #2A6496; margin-bottom: 15px !important;}
form .panel {box-shadow: none}
form .panel-group {padding-bottom: 0px;}
form p {color: #333;}
form a {cursor:pointer}

.fixed-sidebar
{
    display: block;
    position: relative;
}

#sidebar
{
    padding-left: 10px;
    border-left: 1px solid;
    list-style: none;
}

.fixed-sidebar ul li a
{
    font-size: 18px;
}

.testimony
{
    font-style: italic;
}

.styleGuide
{
    margin-left: 20px;
    margin-top: 40px;
}

.formHeading {
    margin-top: 15px;
    padding-bottom: 15px;
    color: #666666;
    border-bottom: 1px solid #666666;
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px){

    form .form-group.col-md-1, form .form-group.col-md-2, form .form-group.col-md-3, form .form-group.col-md-4, form .form-group.col-md-5, form .form-group.col-md-6, form .form-group.col-md-7, form .form-group.col-md-8, form .form-group.col-md-9, form .form-group.col-md-10, form .form-group.col-md-11, form .form-group.col-md-12
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    form .form-group.col-sm-1, form .form-group.col-sm-2, form .form-group.col-sm-3, form .form-group.col-sm-4, form .form-group.col-sm-5, form .form-group.col-sm-6, form .form-group.col-sm-7, form .form-group.col-sm-8, form .form-group.col-sm-9, form .form-group.col-sm-10, form .form-group.col-sm-11, form .form-group.col-md-12
    {
        padding-left: 15px;
        padding-right: 15px;
    }


}

@media (min-width: 992px)
{
/* Show the sidebar on desktop/large tablet screens, do not change */
    .fixed-sidebar
    {
        display: block;
        position: absolute;
        right: 0;
        height: 100%;
    }
/* Style the sidebar that scrolls with the page */
    #sidebar
    {
        padding-left: 10px;
        border-left: 1px solid;
        list-style: none;
    }
/* Style the sidebar links */
    .fixed-sidebar ul li a
    {
        font-size: 18px;
    }
}

/* SITEWIDE FONT STYLES
-------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
}

h1, .h1
{
}

h2, .h2
{
    font-weight: bold;
}

h3, .h3
{
}

h4, .h4
{
}

h5, .h5
{
}

h6, .h6
{
}

p
{
}

.lead
{
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px){

}

@media (min-width: 992px){
	
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
}

/* Flip around the padding for proper display on mobile */

.navbar-wrapper .container
{
    padding-left: 0;
    padding-right: 0;
}

/* Styles for the navbar inside the wrapper */

.navbar-wrapper .navbar
{
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0;
    background-color: #faa912;
}

/* Styles for the logo in the mobile nav */

.logo
{
    width: 125px;
    margin-right: 10px;
}

/* Styles for the menu links on mobile */

.navbar-nav > li > a
{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 20px;
}

.navbar-nav > li > a:hover
{
    color: #ececec;
    text-shadow: 0px 1px 2px #999999;
}

/* Styles for the menu button on the top right of the mobile screen */

.navbar-toggle
{
    border: 1px solid #333;
}

.navbar-toggle .icon-bar
{
    background-color: #333;
}

/* Hide the social media and large apply buttons in nav on mobile, show the mobile apply button in mobile nav - do not change */

.app-soc
{
    display: none;
}

.app-soc-mob
{
    display: block;
}

/* Styles for the apply button on the top right of the nav (desktop, then mobile[-mob] ) */

.nav-apply
{
    position: relative;
    display: block;
    float: left;
    opacity: 1;
    margin-left: 0px;
    margin-right: 0px;
}

.learn-more-apply
{
    background-image: url('images/app-btn2.png');
    font-weight: bold;
    background-position: top;
    border-color: yellow;
}

.nav-apply .btn.btn-xl.btn-primary
{
    background-image: url('images/app-btn2.png');
    width: 200px;
    font-size: 24px;
    color: #000;
    position: absolute;
    line-height: 2;
}

.nav-apply-mob
{
    max-width: 100px;
    margin: 5px 13px 0px 5px;
    display: block;
    float: right;
    opacity: 1;
    width: auto;
}

.nav-apply-mob .btn-primary
{
    width: 85px;
    background-color: transparent;
    color: #000;
    height: 45px;
    font-size: 20px;
    padding-top: 13px;
}

/* Styles for the social media buttons on the top right of the desktop nav */

.navbar-social
{
    float: right;
}

.nav-icon
{
    padding: 4px 5px 5px;
    color: #fff;
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px)
{
/* Navbar sizes and positioning for tablets/desktops */
    .navbar-wrapper .container
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-wrapper .navbar
    {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
        background-image: url('images/nav-bkgd2.png');
        min-height: 60px;
        background-repeat: no-repeat;
        background-size: cover;
    }
/* Change the logo width for tablet/desktop if need be */
    .logo
    {
        width: 170px;
        margin-right: 12px;
    }
/* Make the apply button in the nav bar fit without overlapping other buttons/links --Note: Don't adjust opacity or transition, these are set to hide the apply button until you scroll to a certain point */
    .nav-apply
    {
        width: 75px;
        float: right;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease;
        -webkit-transition-delay: 0s;
        -moz-transition: opacity 0.5s ease 0s;
        -o-transition: opacity 0.5s ease 0s;
        transition: opacity 0.5s ease 0s;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-right: 140px;
    }
/* Displays the apply button at a certain point, do not change */
    .stickyapp
    {
        opacity: 1;
    }
/* Hide mobile apply button, do not change */
    .app-soc-mob
    {
        display: none;
    }
/* Displays tablet/desktop apply and social media buttons, do not change */
    .app-soc
    {
        display: block;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }
/* Adjust the appearance of menu links on tablet/desktop */
    .navbar-nav > li > a
    {
        padding-right: 5px;
    }
}

@media (min-width: 992px)
{
/* Adjust positioning of apply button in nav on larger screens if necessary */
    .nav-apply
    {
    }
}

/* CUSTOMIZE THE FOOTER
-------------------------------------------------- */

/* Styles for the overall footer on all pages */

footer
{
    background-color: #939598;
}

/* Styles for links in the footer */

footer a
{
    color: #fff;
    font-weight: bold;
}

/* Styles for the address section */

address
{
}

/* Styles for the social media buttons in mobile footer */

.footer-social
{
    text-align: right;
}

/* Displays buttons on mobile, do not change */

.app-soc-mob-foot
{
    display: block;
}

/* Change colors, spacing and size of mobile social media buttons in footer */

.app-soc-mob-foot .nav-icon
{
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 768px)
{
/* Hides the social media buttons in the footer on non-mobile screens, do not change */
    .app-soc-mob-foot
    {
        display: none;
    }
}

@media (min-width: 992px){

}

/* -----------------------------------------------
--------------------------------------------------
THE REST OF THESES STYLES WILL BE ADJUSTED FOR EACH PAGE, EITHER WITH DESIGNATED STYLESHEETS OR ADDING <STYLE> TAGS TO THE PAGE CONTENT AREAS TO DECLARE STYLES
--------------------------------------------------
-------------------------------------------------- */

/* CUSTOMIZE THE MAIN JUMBOTRON AT TOP
-------------------------------------------------- */

/* Style the main jumbotron for all pages */

.jumbo-header
{
    position: relative;
    margin-bottom: 0px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    /*background-size: auto 70%; */
    background-position: top;
    height: 500px; 

   
}

.jumbo-header.short {height: 500px !important; max-height: 500px !important; min-height: auto !important;}

.cycle-bg-image {
 background-position: 40%;
}

.jumbotron .container
{
}

.landing .jumbo-header, #backSlide
{
background-repeat: no-repeat;
    height: 100%;
   min-height: 100%;
}
/* Position and style the text in the main jumbotron */

.jumbotron-caption
{
    bottom: 0;
    width: 100%;
    background-image: url('images/halftone-app.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 30px;
    position: absolute;
    right: 0;
    padding-right: 30px;
}

.jumbotron h1,.jumbotron .h1
{
    font-family: 'metabold';
    font-style: italic;
    font-size: 60px;
    text-transform: uppercase;
}

@media screen and (max-width: 320px) {
}
    .jumbotron h1 {
        font-size: 30px;
    }
}

.jumbotron-caption p
{
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

/* Style the buttons in the main jumbotron, overriding default button styles */

.jumbotron-caption .btn
{
    text-shadow: none;
    background-image: url('images/app-btn1.png');
    background-size: cover;
    border: none;
    color: #000;
    font-weight: bold;
    width: 180px;
    font-size: 20px;
    background-color: transparent;
}

.jumbotron-caption .btn-default
{
}

.jumbotron-caption .btn-default:hover, .jumbotron-caption .btn-default:focus, .jumbotron-caption .btn-default:active, .jumbotron-caption .btn-default.active, .jumbotron-caption .open .dropdown-toggle.btn-default
{
}

/* If applicable, position the text and buttons in relation to one another */

.caption-text
{
}

/* Style adjustments for the tablet/desktop views */

@media (min-width: 450px)
{
    .jumbo-header
    {
    background-size: auto 85%;
        min-height: 100% !important;
        
    }
    .cycle-bg-image {background-position: center;}
}

@media (min-width: 700px)
{
    .jumbo-header
    {
        background-size: cover;
    }
}

@media (min-width: 768px)
{
/* set wider background image for tablet/desktop jumbotron */
    .jumbo-header
    {
    }
/* set the desktop styles for the jumbotron text area */
    .jumbotron-caption
    {
    }
    .caption-text
    {
    }
    .jumbotron-caption p
    {
        font-size: 16px;
    }
}

@media (min-width: 992px){

}

/* CUSTOMIZE THE MAIN CONTENT AREA
------------------------- */

/* Styles to apply to the entire main content area */

main
{
}

/* Styles for the hr dividers between sections if applicable */

.featurette-divider
{
    border-top: 4px dotted #999;
}

/* Styles for the headings in the body */

.featurette-heading
{
    line-height: 1;
    letter-spacing: -1px;
}

.text-muted
{
}

/* Styles for the who we are/about the group section above the job details */

.main-about
{
    color: #000;
    margin-bottom: 30px;
    padding-top: 30px;
    font-weight: bold;
    background-repeat: repeat-y;
    background-color: #ffffff;
}

.main-about .featurette-heading
{
}

.row.featurette
{
}

.learn-more a
{
    color: inherit;
}

.featurette-image
{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}

@media (min-width: 768px)
{
    .featurette-heading
    {
    }
    .featurette-image
    {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px)
{
    .featurette-heading
    {
        margin-top: 0px;
    }
    .featurette-image
    {
        width: 100%;
    }
}

.jumbotron.closing-banner
{
    text-align: center;
    color: #333;
    background-size: cover;
    margin-bottom: 0;
    margin-top: 30px;
    position: relative;
    background-image: url('images/halftone-app.jpg');
    background-repeat: no-repeat;
    height: 170px;
}

.jumbotron.closing-banner .container
{
    position: absolute;
    bottom: 0;
    text-align: left;
}

.closing-banner h2
{
    font-size: 18px;
}

.closing-banner .btn.btn-primary
{
    background-image: url('images/app-btn1.png');
    background-size: cover;
    background-color: transparent;
    margin-bottom: 0px;
}

.jumbotron.closing-banner.preBanner
{
    height: 250px;
}

.closing-banner h2.preHead
{
    font-size: 30px;
    text-transform: uppercase;
    min-width: 230px;
}

.closing-banner .btn.btn-primary.preButton
{
    background-image: url('images/app-btn4.png');
}

.closing-banner .btn.btn-primary.preButton
{
    padding: 25px 10px 15px 10px;
    color: #ffffff !important;
}

.closing-banner.preBanner .icon
{
    height: 280px;
}

.closing-banner .btn.btn-xl.btn-primary: hover, .closing-banner .btn.btn-xl.btn-primary:focus, .closing-banner .btn.btn-xl.btn-primary:active, .closing-banner .btn.btn-xl.btn-primary.active
{
}

blockquote
{
}

blockquote div
{
}

blockquote footer,blockquote small,blockquote .small
{
}

@media (min-width: 768px)
{
    .closing-banner h2
    {
        font-size: 40px;
    }
    .landing.closing-banner h2
    {
    font-size: 40px;
    }
    
    blockquote
    {
    }
    blockquote div
    {
    }
    blockquote footer,blockquote small,blockquote .small
    {
    }
    .closing-banner h2.preHead
    {
        font-size: 30px;
        max-width: 525px !important;
    }
}

@media (min-width: 992px){

}

p.lead
{
    font-weight: 500;
}

.navbar-brand
{
    padding-right: 0px;
    padding-left: 10px;
}

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

.closing-banner .icon
{
    display: none;
}

.closing-banner .caption
{
    position: absolute;
    bottom: 0;
    padding-left: 0;
}

@media (min-width:768px)
{
    .closing-banner .icon
    {
        display: block;
    }
    .landing.closing-banner .icon
    {
    display: block;
    }
    .closing-banner .caption
    {
        padding-left: 80px;
    }
    .closing-banner.preBanner .caption
    {
        padding-left: 120px;
    }
}

@media (min-width:992px)
{
    .closing-banner h2
    {
        font-size: 50px;
    }
    .closing-banner h2.preHead
    {
        font-size: 40px;
        max-width: 600px !important;
    }
}

@media (min-width:1200px)
{
    .closing-banner h2.preHead
    {
        font-size: 40px;
        max-width: 950px !important;
    }
}

@media (min-width:768px)
{
    .jumbotron h1,.jumbotron .h1
    {
        font-size: 60px;
    }
}

/* FOR BOTTOM MENU */

.bottomMenu
{
    position: relative !important;
}

/* TYPEAHEAD */

.twitter-typeahead
{
    width: 100%;
}

.has-warning .twitter-typeahead .tt-input,
.has-warning .twitter-typeahead .tt-hint
{
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .twitter-typeahead .tt-input:focus,
.has-warning .twitter-typeahead .tt-hint:focus
{
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-error .twitter-typeahead .tt-input,
.has-error .twitter-typeahead .tt-hint
{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .twitter-typeahead .tt-input:focus,
.has-error .twitter-typeahead .tt-hint:focus
{
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-success .twitter-typeahead .tt-input,
.has-success .twitter-typeahead .tt-hint
{
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .twitter-typeahead .tt-input:focus,
.has-success .twitter-typeahead .tt-hint:focus
{
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint
{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint
{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.input-group.input-group-sm .twitter-typeahead .tt-input,
.input-group.input-group-sm .twitter-typeahead .tt-hint
{
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group.input-group-sm .twitter-typeahead .tt-input,
select.input-group.input-group-sm .twitter-typeahead .tt-hint
{
    height: 30px;
    line-height: 30px;
}

textarea.input-group.input-group-sm .twitter-typeahead .tt-input,
textarea.input-group.input-group-sm .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint
{
    height: auto;
}

.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint
{
    border-radius: 0;
}

.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint
{
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint
{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.input-group.input-group-lg .twitter-typeahead .tt-input,
.input-group.input-group-lg .twitter-typeahead .tt-hint
{
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

select.input-group.input-group-lg .twitter-typeahead .tt-input,
select.input-group.input-group-lg .twitter-typeahead .tt-hint
{
    height: 46px;
    line-height: 46px;
}

textarea.input-group.input-group-lg .twitter-typeahead .tt-input,
textarea.input-group.input-group-lg .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint
{
    height: auto;
}

.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint
{
    border-radius: 0;
}

.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint
{
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint
{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.twitter-typeahead
{
    width: 100%;
}

.input-group .twitter-typeahead
{
    display: table-cell !important;
    float: left;
}
/* UPDATE */
.twitter-typeahead .tt-hint
{
    color: #999999;
    margin-top: 0px !important;
}
/* UPDATE */
.twitter-typeahead .tt-input
{
    z-index: 2;
    margin-top: 0px !important;
}

.twitter-typeahead .tt-input[disabled],
.twitter-typeahead .tt-input[readonly],
fieldset[disabled] .twitter-typeahead .tt-input
{
    cursor: not-allowed;
    background-color: #eeeeee !important;
}

.tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  width: 100%;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

.tt-dropdown-menu .tt-suggestion
{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.tt-dropdown-menu .tt-suggestion.tt-cursor
{
    text-decoration: none;
    outline: 0;
    background-color: #f5f5f5;
    color: #262626;
}

.tt-dropdown-menu .tt-suggestion.tt-cursor a
{
    color: #262626;
}

.tt-dropdown-menu .tt-suggestion p
{
    margin: 0;
}

/* TYPEAHEAD */

span.twitter-typeahead .tt-dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}

span.twitter-typeahead .tt-suggestion > p
{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

span.twitter-typeahead .tt-suggestion > p:hover,
span.twitter-typeahead .tt-suggestion > p:focus
{
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

span.twitter-typeahead
{
    width: 100%;
}

.input-group span.twitter-typeahead
{
    display: block !important;
}

.input-group span.twitter-typeahead .tt-dropdown-menu
{
    top: 32px !important;
}

.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu
{
    top: 44px !important;
}

.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu
{
    top: 28px !important;
}

/*STYLES FOR LANDING PAGES */

@media (max-width: 767px)
{
    .landing .btn-primary
    {
        display: none;
    }
    .landing .main
    {
        margin-top: 200px;
    }
       
    .landing .jumbotron.closing-banner
    {
    display: none;
    }
    
}

.landing .jumbotron-caption
{
    background-image: url('images/dots_orange.jpg');
    padding-top: 15px;
    margin-top: 0px;
}

.landing h1
{
    margin-top: 220px;
}

.landing  .jumbo-header
{
    position: static;
    background-position: center 20px no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 80%;
}

.landing .main
{
    margin-top: 180px;
}

@media (max-width: 991px)
{
    #sidebar
    {
        display: none;
    }
}

@media (max-width: 767px)
{
    .closing-banner h2
    {
        margin-right: 0px;
        left: 0;
        right: 0;
    }
}

@media (max-width: 768px)
{
    .landing  .jumbotron-caption
    {
    }
    .landing .main
    {
        margin-top: 200px;
    }
    .landing  .jumbo-header
    {
        height: 80%;
    }
}

@media (max-width: 420px)
{
    .landing .jumbotron-caption
    {
        margin-bottom: -200px;
    }
    .landing .jumbo-header
    {
        min-height: 400px;
    }
    .landing .main
    {
        margin-top: 360px;
    }
    .landing .jumbo-header
    {
        height: 80%;
    }
}

@media (max-width: 350px)
{
    .landing .jumbotron-caption
    {
        margin-bottom: -200px;
    }
    .landing .jumbo-header
    {
        min-height: 400px;
    }
    .landing .main
    {
        margin-top: 350px;
    }
    .landing .jumbo-header
    {
        height: 65%;
    }
}

.form-left
{
    padding-left: 0px !important;
}

.form-right
{
    padding-right: 0px !important;
}

.control-label
{
    color: #555;
}

.signUpwrapper {
    padding: 20px 30px 10px 30px; background-color: #fcb000; margin-bottom: 150px; margin-top: 50px;
    -moz-box-shadow: 3px 3px 6px #444;
	-webkit-box-shadow: 3px 3px 6px #444;
	box-shadow: 3px 3px 6px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#444444');
}
.signUpwrapper .form-group {padding: 10px 0px;}
.signUpwrapper h2, .signUpwrapper h3 {line-height: 1.4em; padding-left: 15px; padding-right: 15px;}
.signUpbody {
	// background-color: #fcb000;
}

/* NEW RY17 STYLES */

.quoteFooter{
    background-image:url(images/halftone-app.jpg);
    background-position: top center;
    background-size: cover;
    padding:20px 20px 40px 20px;
    margin-bottom:-20px;
}

.quoteFooter h2{
    font-size: 20px;
    font-style: italic;
}

.quoteFooter p{
    font-size: 15px;
}

@media (min-width:768px){
    .quoteFooter{
        margin-top:20px;
    }
    .quoteFooter h2{
        font-size: 25px;
    }
    .quoteFooter p{
        font-size: 20px;
    }
}

.problem{
    background-color: rgba(255,255,0,.75);
}

.fundJobsHeader{
    background-image: url('images/WEB_FUND-TPIN_RY17_fundJobs_Mobile-Banner.jpg');
    background-size: cover;
    background-position: top center;
}

@media (min-width:768px)
{
    .fundJobsHeader{
        background-image: url('images/WEB_FUND-TPIN_RY17_fundJobs_Mobile-Banner.jpg');
        background-size: cover;
}
}

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
	min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-bottom:100px;
}

@media (min-width:768px){
    .fullscreen-bg__video {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: auto;
	    height: auto;
	    min-width: 100%;
	    min-height: 100%;
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}
}

.New-jumbotron-caption{
	position:relative;
	top:30%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 30px;
    position: absolute;
    right: 0;
    padding-right: 30px;
}

@media (min-width:768px){
	.New-jumbotron-caption{
		position:relative;
		top:40%;
	    width: 100%;
	    background-repeat: no-repeat;
	    background-size: cover;
	    padding-left: 30px;
	    position: absolute;
	    right: 0;
	    padding-right: 30px;
	}
}

.New-featurette-heading h1{
	line-height: 1;
    letter-spacing: -1px;
    color:#efefef!important;
    text-shadow: 2px 2px 2px black;

}

@media (min-width:768px){
	.New-featurette-heading{

	}
}

.credit {
    position: absolute;
    bottom: 0px;
    color: #ffffff;
    margin: 0 auto;
    }

.app.jumbo-header 
{height: 400px;}