/* 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
-------------------------------------------------- */

body
{
    font-family: 'Arial', 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
{
    background-color: #ffffff;
}

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

.btn.btn-lg
{
}

.btn.btn-xl
{
}

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

.btn-primary
{
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active
{
}

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

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

.btn-default
{
    border-width: 1px 1px 1px 10px;
    border-radius: 0px;
}

.btn-default.red
{
    border-color: #FF5828;
}

.btn-default.blue
{
    border-color: #6991A9;
}

.btn-default.gray
{
    border-color: #999999;
}

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

a.med-link
{
    color: #FF5828;
    font-size: smaller;
}

a.med-link:hover
{
    color: #ffffff;
}

form .btn
{
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg);
    background-color: #FF5828;
    color: #FFFFFF;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 130%;
}

form .form-group
{
    padding-left: 0px;
    padding-right: 0px;
}
/* UPDATE */
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}

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

.fixed-sidebar
{
    display: none;
}

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

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

.fixed-sidebar ul li a
{
    color: #999999;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 26px;
}

/* Style adjustments for the tablet/desktop views */
/* UPDATE */
@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;
    }
}

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

@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
    {
        position: absolute;
        top: 0px;
        bottom: -60px;
        opacity: 0;
        height: 75px;
    }*/
/* Style the sidebar links */
    .fixed-sidebar ul li a
    {
        color: #6991A9;
        text-transform: uppercase;
        font-size: 21px;
        line-height: 26px;
    }
}

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

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

h1, .h1
{
}

h2, .h2
{
}

h3, .h3
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 140%;
}

.closing-banner h3
{
    text-transform: none;
}

h4, .h4
{
}

h5, .h5
{
}

h6, .h6
{
}

p
{
}

.lead
{
}

.lead .subhead
{
    font-weight: bold;
}

/* 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;
    background-color: #FF5828;
    font-family: 'Roboto', sans-serif;
}

/* 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: #6991A9;
    padding-bottom: 0px;
    max-height: 40px;
    height: 40px;
}

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

.navbar-brand
{
    color: #ffffff;
    font-size: 26px;
    font-weight: 900;
}

.logo
{
    margin-top: -8px;
    width: 100px;
}

#logo-full
{
    display: none;
}

/* #logo
{
    background-image: url('images/impact_logo_drk.png');
} */

.logo-text
{
    margin-left: -1000px;
}

/* Styles for the menu links on mobile */

.navbar-nav > li > a {
    color: #99999;
    text-transform: uppercase;
    font-size: 14px;
    background:#7f7f7f;
  background:rgba(255,255,255,0.9);
  margin-right: 15px;
}

.navbar-nav
{
    padding-left: 20px;
}

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

.navbar-toggle
{
    margin-left: 5px;
    margin-right: 5px;
    border-color: #ffffff;
    border-radius: 0px;
}

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

/* 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;
    margin: 0px;
    display: block;
    float: right;
    opacity: 1;
}

.nav-apply .btn.btn-xl.btn-primary
{
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    border: none;
    border-radius: 0px;
    background-color: #FF5828;
    padding-right: 10px;
}

/* .nav-apply .btn.btn-xl.btn-primary:before, .nav-apply .btn.btn-xl.btn-primary:after
{
    border-top: 30px solid #cccccc;
    bottom: -28px;
    content: '';
    height: 0;
    position: absolute;
    width: 0;
}

.nav-apply .btn.btn-xl.btn-primary:after
{
    border-right: 65px solid transparent;
    left: 0;
}

.nav-apply .btn.btn-xl.btn-primary:before
{
    border-left: 65px solid transparent;
    right: 0;
}
*/

.nav-apply-mob
{
    width: auto;
    position: relative;
    max-width: 100px;
    display: block;
    float: right;
    opacity: 1;
}

.nav-apply-mob .btn-primary
{
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 38px;
    border: none;
    border-radius: 0px;
    background-color: #FF5828;
    padding-right: 15px;
    margin-right: 5px;
    overflow: visible;
    padding-left: 15px;
}

/*
.nav-apply-mob .btn-primary:before
{
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0;
    border-top: 25px solid #FF5828;
    border-bottom: 25px solid #FF5828;
    border-right: 1px solid transparent;
    border-left: 19px solid transparent;
    left: -19px;
}
*/

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

.navbar-social
{
    float: right;
    margin-top: -50px;
    display: none;
}

.navbar-social a, .footer-social a
{
    text-decoration: none;
}

.nav-icon
{
    padding: 10px 10px;
    color: null;
}

.stickynav .nav-icon
{
    padding: 10px 10px;
    color: #ffffff;
}

.stickynav .nav-icon:hover
{
    padding: 10px 10px;
    color: #cccccc;
}

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

@media (min-width: 768px)
{
/* Navbar sizes and positioning for tablets/desktops */
    .navbar-wrapper
    {
        background-image: url('images/topborder.gif');
        background-repeat: repeat-x;
        background-color: transparent;
        height: 55px;
        position: fixed;
    }
    .navbar-wrapper .container
    {
        padding-left: 15px;
        padding-right: 15px;
    }
.navbar-wrapper .navbar {   position: fixed;
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
          background:#7f7f7f;
  background:rgba(255,255,255,0.7);
        min-height: 40px;
        height: 40px;
        
        
    }
    .navbar-nav > li > a
    {
        background-color: transparent;
        margin-right: 0px;
        z-index: 400;
    }
    .navbar-nav > li > a:hover
    {
        background-color: transparent;
        text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
    }
/* Change the logo width for tablet/desktop if need be */
    .navbar-brand
    {
        padding: 20px 20px 20px 20px;
        background: #FF5828;
        font-size: 38px;
        width: auto;
        margin-top: -10px;
        height: 80px;
    }
    .logo
    {
        width: 200px;
        height: auto;
        margin-top: -18px;
    }
    #logo-full
    {
        display: block;
    }
/*    #logo
    {width: 200px;
    height: 100px;
    background-image: url('images/impact_logo_rev.png');
    background-size: 200px;
    background-repeat: no-repeat;
    margin-top: -15px;} 
*/
/* Make nav changes on scroll */
    .navbar-wrapper
    {
        background-image: url('images/topborder.gif');
        background-repeat: repeat-x;
        background-color: transparent;
        height: 55px;
        position: fixed;
    }
    .stickynav.navbar-wrapper .navbar
    {
        position: fixed;
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
        background-color: #6991A9;
        min-height: 40px;
        height: 40px;
    }
    .stickynav .navbar-nav a
    {
        color: #ffffff;
    }
    .stickynav .navbar-brand
    {
        padding: 20px 20px 20px 20px;
        background: transparent;
        font-size: 38px;
        width: auto;
        margin-top: -15px;
        height: 75px;
    }
    .stickynav .logo
    {
        width: 150px;
        height: auto;
        background-image: url('images/impact_logo_drk.png');
    }
    #logo-small
    {
        display: none;
    }
    .stickynav #logo-small
    {
        display: block;
        background-image: none;
        width: 100px;
        margin-top: -3px;
    }
    .stickynav #logo, .stickynav #logo-full
    {
        display: none;
    }
/* 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
    {
        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;
        width: auto;
        z-index: 300;
    }
/* Displays the apply button at a certain point, do not change */
    .stickyapp
    {
        opacity: 1;
        z-index: 500;
    }
/* 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
    {
        line-height: 9px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 15px;
        font-size: 12px;
        color: #000000;
        text-transform: uppercase;
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar-nav > li > a
    {
        border-left: 1px solid #FF5828;
        padding-left: 8px;
        padding-right: 8px;
    }
    .navbar-nav > li:first-child > a
    {
        border-left: 0px solid #FF5828;
    }
}

@media (min-width: 992px)
{
/* Adjust positioning of apply button in nav on larger screens if necessary */
    .nav-apply
    {
    }
.nav-apply .btn.btn-xl.btn-primary {
        font-size: 36px;
        line-height: 36px;
        border: none;
        top: -25px;
        border-radius: 0px;
        background-color: #FF5828;
        text-shadow: none;
        font-family: 'Roboto';
        font-weight: 700;
        position: relative;
        right: 60px;
        font-size: 48px;
        line-height: 80px;
        padding-right: 30px;
        padding-left: 30px;
    }
    .navbar-social
    {
        display: block;
    }
    .nav-icon
    {
        display: inline-block;
        margin-top: 48px;
    }
}

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

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

footer
{
    padding-top: 20px;
    background-color: #C3D7DE;
}

/* Styles for links in the footer */

footer a
{
}

/* Styles for the address section */

address
{
    color: #999999;
}

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

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

/* 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: block;
    }
}

@media (min-width: 992px)
{
    .app-soc-mob-foot
    {
        display: none;
    }
}

/* -----------------------------------------------
--------------------------------------------------
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;
    top: -30px;
    margin-bottom: 0;
    padding:0;
    background-size: cover;
    background-origin: center center;
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom: 10px solid #FF5828;
}

.jumbotron #overlay
{
    display: none;
}

.jumbotron.update-banner p
{
    font-size: 18px;
}

.jumbotron .container
{
    max-width: 100%;
}

/* Position and style the text in the main jumbotron */

.jumbotron-caption
{
    position: absolute;
    bottom: 0;
}

.jumbotron h1,.jumbotron .h1
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-style: italic;
    font-size: 28px;
    text-transform: uppercase;
    padding-left: 10px;
    display: block;
    padding-right: 400px;
    margin: 5px;
}

#accomplishments-header
{
    background-image: url('images/wwd-v2.jpg');
    background-position: 20% top;
}

@media (max-width: 1024px)
{
    .jumbotron h1,.jumbotron .h1
    {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        color: #ffffff;
        font-style: italic;
        font-size: 28px;
        text-transform: uppercase;
        padding-left: 10px;
        display: block;
        padding-right: 300px;
        margin: 5px;
    }
}

.jumbotron-caption p
{
}

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

.jumbotron-caption .btn
{
    display: none;
}

.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
{
    float: left;
    margin-bottom: 20px;
}

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

@media (min-width: 768px)
{
/* set wider background image for tablet/desktop jumbotron */
    .jumbo-header
    {
        background-position: center 45px;
    }
/* set the desktop styles for the jumbotron text area */
    .jumbotron-caption
    {
    }
    .caption-text
    {
    }
    .jumbotron-caption p
    {
    }
    .jumbotron-caption .btn
    {
        text-shadow: none;
        font-family: 'Roboto';
        font-weight: 700;
        float: right;
        display: block;
        position: absolute;
        top: 0px;
        right: 90px;
        bottom: -1px;
        overflow: visible;
        font-size: 48px;
        border-radius: 0;
        line-height: 80px;
        background-color: #FF5828;
        border: 0;
        padding-right: 30px;
        padding-left: 30px;
    }
    .jumbotron #overlay
    {
        display: block;
    }
    .jumbotron h1,.jumbotron .h1
    {
        font-size: 36px;
    }
}

@media (min-width: 992px){

}

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

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

main
{
    padding-bottom: 0px;
}

main .main-about
{
    top: -30px;
}

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

.featurette-divider
{
    border-top: 2px dashed #999999;
    width: 100%;
}

/* Styles for the headings in the body */

.featurette-heading
{
    line-height: 1;
    letter-spacing: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #6991A9;
    text-transform: uppercase;
    font-style: italic;
    font-size: 36px;
}

.main-about .featurette-heading
{
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #cccccc;
    text-transform: uppercase;
    font-size: 18px;
    font-style: italic;
}

.main-about .lead
{
    color: #cccccc;
    text-align: center;
    font-size: 18px;
}

.learnmore
{
    min-height: 20px;
    height: 20px;
    background-color: #6991A9;
}

.learnmorarrow
{
    min-height: 20px;
    height: 20px;
    background-image: url('images/bottom_arrow.png');
    background-position: center;
    border-left: 1px solid #6991A9;
}

blockquote.gcquote .featurette-heading
{
    color: #6991A9;
    letter-spacing: 0.01em;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 0px 30px 0px 30px;
}

blockquote.gcquote
{
    padding-left: 0px;
    border-style: none;
    text-align: center;
}

.text-muted
{
}

.lead .subhead
{
    text-transform: uppercase;
}

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

.main-about
{
    position: relative;
    top: -22px;
    background-image: url('images/about-hands.jpg');
    background-size: cover;
    background-origin: center;
    background-position: right bottom;
    padding-top: 20px;
}

.main-about .featurette-heading
{
}

.main-about p.lead
{
    margin-bottom: 10px;
}

.row.featurette
{
}

.learn-more a
{
}

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

.main-about .featurette-image
{
    width: 45%;
    max-width: 200px;
    margin: 0 auto;
}

.featurette-image.red
{
    border-left: 10px solid #FF5828;
}

.featurette-image.blue
{
    border-left: 10px solid #6991A9;
}

.featurette-image.gray
{
    border-left: 10px solid #999999;
}

.featurette-heading
{
    margin-top: 0px;
}

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

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

.jumbotron.closing-banner
{
    text-align: left;
    height: auto;
    color: #fff;
    background-size: cover;
    background-image: url('images/impact-closing-tall.jpg');
    margin-bottom: 0;
    position: relative;
    top: -20px;
}

.jumbotron.closing-banner p
{
    color: #ffffff;
}

.closing-banner h2
{
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 42px;
    margin-top: 0px;
}

.closing-banner h3
{
    margin-top: 0px;
    color: #C3D7DE;
    font-weight: 900;
}

.closing-banner form
{
    padding-top: 40px;
}

.closing-banner .btn.btn-xl.btn-primary
{
    background-color: #FF5828;
}

.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
{
    background-color: #FF5828;
}

.closing-banner .btn
{
    background-color: #FF5828;
}

blockquote
{
}

blockquote div
{
}

blockquote footer,blockquote small,blockquote .small
{
}

.jumbotron.update-banner
{
    background-color: #FF5828;
    background-image: none;
}

@media (min-width: 768px)
{
    .main-about
    {
        background-image: url('images/about-hands.jpg');
    }
    .closing-banner
    {
        background-image: url('images/impact-closing.jpg');
    }
    .closing-banner h2
    {
    }
    blockquote
    {
    }
    blockquote div
    {
    }
    blockquote footer,blockquote small,blockquote .small
    {
    }
}

@media (min-width: 992px){
    

}

.media-object
{
    border-radius: 50%;
    width: 50px;
}

.media
{
    margin-bottom: 25px;
}

@media (min-width:992px){

}

/* 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;
}

/* SKEW */

.skew
{
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg);
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}

.skew img, .skew a, .skew div, .skew span, .skew p, .skew span.unskew, .unskew
{
    -webkit-transform: skew(10deg) !important;
    -moz-transform: skew(10deg) !important;
    -ms-transform: skew(10deg) !important;
    -o-transform: skew(10deg) !important;
    transform: skew(10deg) !important;
}

/* SHADOWS */

.boxshadow
{
    -moz-box-shadow: 3px 3px 2px 2px rgba(100, 100, 100, 1);
    -webkit-box-shadow: 3px 3px 2px 2px rgba(100, 100, 100, 1);
    box-shadow: 3px 3px 2px 2px rgba(100, 100, 100, 1);
}

.btn.boxshadow
{
    -moz-box-shadow: 3px 0px 2px 0px rgba(100, 100, 100, 1);
    -webkit-box-shadow: 3px 0px 2px 0px rgba(100, 100, 100, 1);
    box-shadow: 3px 0px 2px 0px rgba(100, 100, 100, 1);
}

.txtshadow
{
    text-shadow: 2px 2px 2px rgba(100, 100, 100, 1);
}

/* FLEX VIDEO */

.flex-video
{
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
}

.flex-video.widescreen
{
    padding-bottom: 57.25%;
}

.flex-video.vimeo
{
    padding-top: 0;
}

.flex-video iframe,
.flex-video object,
.flex-video embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px)
{
    .flex-video
    {
        padding-top: 0;
    }
}

/* FOR BOTTOM MENU */

.bottomMenu
{
    position: relative !important;
}

/* 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;
}

/*HOMEPAGE STYLES*/

.home .jumboapp
{
    margin-right: -40%;
}

@media (max-width: 991px)
{
    .home .jumboapp
    {
        right: 200px;
    }
}

#sidebar ul
{
    position: absolute;
    top: 0px;
    opacity: 1;
    height: 185px;
}

#sidebarmeasure li
{
    padding-bottom: 8px;
}



#about-header
{
    background-image: url('images/AboutBanner.jpg');
}

#index-header
{

    background-position: left 40px;
}

@media (max-width: 480px)
{
    #index-header
    {

    }
}

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

@media (max-width: 480px)
{
   
    #about-header
    {
        background-image: url('images/AboutBannerMobile.jpg');
    }
    .lead.icontext
    {
        padding-bottom: 50px;
    }
}

/* New Styles for the carousel */

.impact-carousel{
    margin-top:45px;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (max-width: 768px)
{
.impact-carousel{
    margin-top:80px;
    margin-bottom: 0;
    padding-bottom: 0;
}

}

.impact-carousel-indicators
{
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.impact-carousel-indicators li
{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 0;
}

.impact-carousel-indicators .active
{
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #FF5828;
}

/* New Styles for the intro section below the carousel */

.hiring-head{
    color: #EEE !important;
    font-size: 36px !important;
}

.about-text{
    padding-top: 20px !important;
    color: #FFF !important;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-size: 48px !important;
    padding-bottom: 20px !important;
    font-weight: bold;
}

@media (max-width: 768px)
{
    .hiring-head{
        color: #EEE !important;
        font-size: 24px !important;
    }
    .about-text{
        padding-top: 0 !important;
        color: #DDD !important;
        font-size: 18px !important;
        padding-bottom: 0 !important;
    }
}

.more
{
	margin-top:20px;
    border-color: #6991A9!important;
    background-color: rgba(105,145,169,0.6);
    box-shadow: 5px 5px 5px black;
    color: #DDD;
}

.more:hover
{
    border-color: #FF5828!important;
    background-color: rgba(255,88,40,0.6);
    box-shadow: 2px 2px 2px black;
    color: #FFF;
    font-size:95%;
}

/* New Styles for the big sections with less text and more image */
.sectionOne{
    background-image: url(images/HomeSection-1.jpg);
    background-color:#6991A9;
    background-blend-mode:multiply;
    background-size: cover;
    background-position: center center;
    min-height:700px;
    margin-top:-10px;
    text-align: center;
    position: relative;
    top: -20px;
}
.highlight-content{
    position:relative;
    top:200px;
}
.bigText{
    font-size:48px;
    color:#EEE;
    line-height:1em;
    font-weight: bold;
}
.sectionTwo{
    background-image: url(images/wellington_banner.jpg);
    background-color:#84340d;
    background-blend-mode:multiply;
    background-size: cover;
    background-position: center center;
    min-height:700px;
    text-align: center;
    padding-top:100px;
    position: relative;
    top: -20px;
}
.sectionThree{
    background-image: url(images/HomeSection-3.jpg);
    background-color:#666;
    background-blend-mode:multiply;
    background-size: cover;
    background-position: center center;
    min-height:700px;
    text-align: center;
    padding-top:50px;
    position: relative;
    top: -20px;
}
.big-btn{
	font-weight: bold;
	font-size:125%;
}

@media (max-width: 768px){
.sectionOne{
    background-image: url(images/HomeSectionMobile-1.jpg);
    background-color:#6991A9;
    background-blend-mode:multiply;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height:500px;
    margin-top:-10px;
    text-align: center;
}
.highlight-content{
    position:relative;
    top:100px;
}
.bigText{
    font-size:30px;
    color:#EEE;
    line-height:1.25em;
    font-weight: bold;
}
.sectionTwo{
    background-image: url(images/wellington_banner-mobile.jpg);
    background-color:#84340d;
    background-blend-mode:multiply;
    background-size: cover;
    background-position: center center;
    min-height:500px;
    text-align: center;
    padding-top:20px;
}
.sectionThree{
    background-image: url(images/HomeSectionMobile-3.jpg);
    background-color:#666;
    background-blend-mode:multiply;
    background-size: cover;
    background-position: center center;
    min-height:500px;
    text-align: center;
    padding-top:20px;
}
.big-btn{
	font-weight: bold;
	font-size:105%;
}
}

.bottom-container{
    position: relative;
    top: -20px;
}

.carousel-caption{
    text-align: right;
    position: absolute;
    bottom: -30px;
    right: 10px;
    font-size:10px;
}

@media (max-width: 768px){
.carousel-caption{
    position: absolute;
    bottom: -15px;
    right: 10px;
}
    }

.home .attribution {
    color: #000;
    position: relative;
    top: 97%;
    right: 0;
    font-size: 9px;
    text-align: right;
}