@charset "UTF-8";
/* CSS Document */
body {
    -webkit-font-smoothing: antialiased
    /* this gets rid of the "flicker" during slider transition */
}
.navbar {
    background-color: #f2f2f2;
    min-height: 125px;
}
.navbar-default {
    /* This rule butts up the slider to the navigation bar at the top */
    
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.navbar .nav {
    margin-top: 70px;
}
.navbar .nav > li > a {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #6d6e72;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu {
    /* Style dropdown menus */
    /* background-color: #c62342; */
    
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    /* stylize the background color of dropdown menus on mouseover */
    
    background-color: #000000;
    -o-transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    transition: .8s;
}
.navbar-collapse {
    /* Keep the navbar dropdowns from collapsing to a minimum height and needing users to scroll in the nav menu */
    
    max-height: none !important;
}
.red,
.red:visited,
.red:hover,
.red:focus {
    color: #c52040;
}
.gray,
.gray:visited,
.gray:hover,
.gray:focus {
    color: #737476;
}
.white,
.white:visited,
.white:hover,
.white:focus {
    color: #ffffff;
}
.black,
.black:visited,
.black:hover,
.black:focus {
    color: #000000;
}

.redbutton {
    background-color: #ae0031; 
    border-radius: 24px;
    filter: drop-shadow(5px 5px 5px #000000);
}

.redbutton:hover {
    left: 2px;
    top: 2px;
    filter: drop-shadow(2px 2px 2px #000000);
}
/* Font Styling */

h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #ffffff;
    line-height: 32px;
    margin-top: 0px;
}
h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    color: #ffffff;
    line-height: 32px;
    margin-top: 10px;
}
h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #ffffff;
    line-height: 26px;
    margin-top: 5px;
}
p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 32px;
}

sup {
	font-size: 55%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.9em;
}

.table-descriptor {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}
.disclaimer-text {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
}

.small-news-text {
	 font-size: 15px;
	 line-height: 25px;
}

.small-news-headline {
	 line-height: 25px;
}
/* use to normalize li lists */

.career-headline {
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    color: #ffffff;
    line-height: 62px;
    margin-top: 0px;
}

.standard {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 32px;
}
.footer-text {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #ffffff;
    line-height: 20px;
}
.email-signup {
    border: 1px solid #333333;
    padding: 8px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.6);
}
.perf-callouts {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    margin-top: 10px;
}
.modal-footer {
    background-color: #000000;
    color: #ffffff;
}
.questions-text {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 1px;
}
.btn-default {
    background-color: #c52040;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
}
/* Full Width Slider Style */

.carousel .item {
    width: 100%;
    /*slider width*/
    
    max-height: 750px;
    /*slider height*/
    /* background-color: #c52040; */
    
    background: #c52040;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(right top, #790b21, #c52040);
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(bottom right, #790b21, #c52040);
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(bottom right, #790b21, #c52040);
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(to bottom right, #790b21, #c52040);
    /* Standard syntax */
}
.carousel .item img {
    /* note: if width: 100%  is used, it causes text/art to get chopped off at bottom as image scales, by using the margin and background fill/max height on the .carousel .item class above, we avoid this*/
    
    margin-left: auto;
    margin-right: auto;
}
.carousel-spacer {
    margin-top: 166px;
}
/* misc */

.threei-nav {
	background-color:#fcb655;
	border-radius: 12px;
	border: 8px solid #ffffff;
	text-align: center;
	padding: 10px;
	margin-right: 1%;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(173,173,173,1);
	-moz-box-shadow: 4px 4px 5px 0px rgba(173,173,173,1);
	box-shadow: 4px 4px 5px 0px rgba(173,173,173,1);
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.threei-nav:hover {
	background-color:#6d6e71; /* was burnt gold: c99554 */
	border: 8px solid #ffffff; /* was pale gray: dadada */
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.threei-buttons {
    background-color: #fcb655;
    color: #ffffff;
    padding: 4px;
    margin-bottom: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    margin-right: 30px;
    width: 300px;
    display: inline-block;
}

.display-large {
    display: block;
}
.display-small {
    display: none;
}
.e200-display-large {
    display: block;
}
.e200-display-medium {
    display: none;
}
.e200-display-small {
    display: none;
}
.static-questions {
    position: fixed;
    height: 132px;
    left: 0;
    top: 50%;
    width: 28px;
    background-color: #c52040;
    z-index: 10000;
    border-top-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}
.questions-height {
    height: 390px;
}
.tel,
.tel:visited {
    color: #fff;
    text-decoration: none;
}
.tel:hover,
.tel:focus {
    color: #fff;
    text-decoration: none;
}
.performance-buttons {
    background-color: #c52040;
    color: #ffffff;
    padding: 4px;
    margin-bottom: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    margin-right: 30px;
    width: 300px;
    display: inline-block;
}
.performance-areas {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border: 1px solid #e0e0e0;
}
.resource-areas {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border: 1px solid #e0e0e0;
    max-width: 480px;
    padding: 0px 10px 0px 10px;
}
/* offset anchor links so their content isnt blocked by the header */

a.anchor {
    display: block;
    position: relative;
    top: -166px;
    visibility: hidden;
}
.red-gradient {
    background: #c52040;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(right top, #790b21, #c52040);
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(bottom right, #790b21, #c52040);
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(bottom right, #790b21, #c52040);
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(to bottom right, #790b21, #c52040);
    /* Standard syntax */
}
.bottom-padding {
    margin-bottom: 15px;
}
/* Table Styling */

.table-text {
    line-height: 23px;
    margin-bottom: 0px;
}
.red-table-bg {
    background-color: #ae0031;
}
.gray-table-bg {
    background-color: #7a7e7e;
}
/* style the zebra striping */

.table-striped>tbody>tr:nth-child(odd),
.table-striped>tbody>tr:nth-child(odd) {
    background-color: #e5e5e5;
}
/* style the highlight color */

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: rgba(0, 0, 0, 0.2);
}
/* change the cursor on the clickable rows to the finger so people know to click */

tr.clickable-row {
    cursor: pointer;
}

.colapsi-border-left {
	border-left: 1px solid #000000; padding-left: 12px;
}
.conditional-border-right {
	border-right: 1px solid #000000;
}

@media (max-width: 1170px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 0px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
    .navbar .nav {
        margin-top: 0px;
    }
    h2 {
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        color: #ffffff;
        line-height: 28px;
        margin-top: 10px;
    }
	.career-headline {
    font-size: 50px;
    line-height: 52px;
	}
	/* Control the width and location of the collapsed dropdown */
	.navbar-collapse {
		position: absolute;
		right: 0px;
		width: 300px;
		background-color: #f2f2f2;
	}
}
@media (max-width: 1130px) {
    .e200-display-large {
        display: none;
    }
    .e200-display-medium {
        display: block;
    }
    .e200-display-small {
        display: none;
    }
}
@media (max-width: 767px) {
    .global-sites {
        display: none;
    }
    .questions-height {
        height: 700px;
    }
    .small-text {
        font-size: 12px;
    }
    .table-text {
        line-height: 16px;
    }
	.colapsi-border-left {
	border-left: none;
	border-top: 1px solid #000000;
	padding-top: 12px;
	padding-left: 12px;
}
}

@media (max-width: 735px) {
.carousel-spacer {
    margin-top: 124px;
}
}

@media (max-width: 480px) {
    .navbar-collapse {
        /* IMPORTANT!! Re-enable the dropdown max height so that all links can be accesses on a cell phone via scrolling in the nav menu */
        max-height: 340px !important;		
		/* reset the width of the dropdown to the parent element */
		position: relative;
	
    }
    .carousel-spacer {
        margin-top: 124px;
    }
    h2 {
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        color: #ffffff;
        line-height: 24px;
        margin-top: 10px;
    }
	.career-headline {
    font-size: 30px;
    line-height: 32px;
	}
    .questions-text {
        font-family: 'Oswald', sans-serif;
        font-size: 11px;
        color: #ffffff;
        letter-spacing: 1px;
    }
    .static-questions {
        top: 60%;
    }
    .performance-buttons {
        margin-right: 0px;
    }
    .display-large {
        display: none;
    }
    .display-small {
        display: block;
    }
    .e200-display-large {
        display: none;
    }
    .e200-display-medium {
        display: none;
    }
    .e200-display-small {
        display: block;
    }
    /* offset anchor links so their content isnt blocked by the header */
    
    a.anchor {
        display: block;
        position: relative;
        top: -180px;
        visibility: hidden;
    }
    .top-border-small-only {
        border-top: 1px solid #000000;
        margin-top: 10px;
        padding-top: 20px;
    }
    .static-questions {
        display: none;
    }
    .table-control {
        padding-left: 5%;
        padding-right: 5%;
    }
	.conditional-border-right {
	border-right: 0;
	}
}