body {font-family:'Metric', 'HP Simplified', Arial, sans-serif;}
.container { max-width: 963px;padding-top:1%; }
a { color: #000000;text-decoration: none; }
a:active, a:hover {outline: 0;border:none;}
/* =============================================================================
   General Styles
   ========================================================================== */
.toolTitle {max-width:930px;margin:0 auto;padding:33px 50px 0;font-size:1.4em;font-weight:500;text-align:center;}
.toolDescription {max-width:930px;margin:0 auto;padding:0 50px;font-size:.82em;font-weight:100;line-height:100%;text-align:center;}

/* =============================================================================
   Assessment Tool Styles
   ========================================================================== */
.nav { }
.nav-pills { border:none; font-size:.55em;}
.nav-pills > li { width:16.66%;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center; }
.nav-pills > li:first-child { border-left:1px solid #ccc; }
.nav-pills > li > a { border-radius: 0px;outline:none; }
.nav-pills > li + li { margin-left: 0; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color:#FFFFFF;background-color:#2AD2C9;outline:none; }
.nav > li > a:focus, .nav > li > a:hover { color:#999999;background-color:#FFFFFF; }
.nav > li > a {padding:12px 15px 8px;} /*Controls line-height of tab labels*/
.carousel-control { filter:alpha(opacity=100); opacity: 1; }
.carousel-control:hover { filter:alpha(opacity=50); opacity: 0.5; }
.carousel-control.left,.carousel-control.right { background-image:none; }
.glyphicon-chevron-left { background-image:url('../images/arrowLeft.png'); margin-left:-500px;}
.glyphicon-chevron-right { background-image:url('../images/arrowRight.png'); }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 29px; height: 75px; margin-top: -10px; font-size: 0px;top:35.6%; }
a.left.carousel-control { margin-left: -192px; }
a.right.carousel-control { margin-right: -192px; }

/* =============================================================================
   Pagination Styles
   ========================================================================== */
.carousel-indicators {bottom:10px !important;}
.carousel-indicators .active {width:11px; height:11px;background-color: #2AD2C9;margin:1px 4px; }
.carousel-indicators li { width:11px; height:11px;border:1px solid #999999;margin:1px 4px;background:#C6C9CA; }

/* =============================================================================
   Spacer Block Styles
   ========================================================================== */
.spacerBlock30 {display:none;}
.spacerBlock50 {display:none;}

/* =============================================================================
   IE FIXES
   ========================================================================== */
.left.carousel-control {filter:none;)}
.right.carousel-control {filter:none;}
/* =============================================================================
   Section Title and Funds Remaining Styles
   ========================================================================== */
.stepBlockWrapper {width:87%;margin:28px auto 0;}
.stepTitleBlock {width:67%;display:inline-block;vertical-align:top;}
.stepMarker {font-size:1.15em;font-weight:600;display:inline-block;margin:0 1.5% 0 0;line-height: 100%;}
.stepTitle {font-size:1.15em;font-weight:100;display:inline;line-height: 100%;}
.stepSubtitle {width:100%;font-size:.5em;font-weight:300;display:block;margin:0 0 0 10px;}
.remainingFundsWrapper {width:30%;display:inline-block;vertical-align:top;margin:0 0 0 1%;}
.remainingFundsTitle {display:inline-block;width:24%;max-width:24%;font-size:.5em;line-height:130%;margin:0;vertical-align:bottom;text-align:left;vertical-align:top;}
.remainingFundsBox {display:inline-block;width:33%;max-width:33%;margin:-5px 0 0;}
input.remainingFunds {font-size:.6em;background-color:#CCCCCC;border:1px solid #CCCCCC;height:10%;width:100%;max-width:100%;outline:0;display:inline-block;vertical-align:top;text-align:center;padding:.25em 0 0;cursor:context-menu;}
input.remainingFundsOverBudget {color:#FF0000;}
.tooltipIcon {width:21.5%;max-width:21.5%;max-height:100%;margin:0 0 0 14%;padding:0;display:inline-block;vertical-align:top;background: url('../images/tooltipIcon.jpg'); background-size:100% 100%;background-repeat:no-repeat;}
.tooltipIcon:hover {background: url('../images/tooltipIconHover.png');background-size:100% 100%;background-repeat:no-repeat;}
a.tooltipIconLink {outline:none;}
.tooltipIconLink img {width:100%;max-width:100%; height:auto;}
.overbudgetWrapper {width:70%;line-height:100%;text-align:left;margin:-15px 0 0;}
.overbudgetResultsWrapper {width:100%;line-height:100%;text-align:left;margin:0;}
.overbudget {font-size:.51em;font-weight:500;color:#FF0000;line-height:100%;display:inline-block;}

/* =============================================================================
   Tab Reminder Styles
   ========================================================================== */
.tabReminder {width:100%;display:inline-block;height:4%;clear:both;text-align:center;font-size:.7em;font-weight:300;}
.tabReminderBold {font-weight:700;color:#2AD2C9;}
/* =============================================================================
   Results Tab Lock Styles
   ========================================================================== */
.tabLocked {pointer-events: none;}
.tabLocked a {color:#999999;}
/* =============================================================================
   Form Slide Styles
   ========================================================================== */
.slide {width:100%;height:407px;padding-bottom:0;border:1px solid #FFFFFF;}
.slideResults {width:100%;height:100%;padding:0 0 6%;border:1px solid #FFFFFF;}
.sideIntro2 {display:none;}
.slidePeople1 {height:370px;}
.slidePeople3 {height:100%;padding-bottom:2%;}
.slideProcess,.slideTechnology,.slideServices {height:460px;}
.slideThreeBoxes {width:100%;padding-bottom:10%;}
.introRangeSlider1Copy {display:block;margin:3% auto 0;text-align:center;font-weight:100;}
.peopleRangeSlider2Copy {display:block;margin:12% auto 0;text-align:center;font-weight:100;}
.peopleRangeSlider3Copy {display:block;margin:4% auto 0;text-align:center;font-weight:100;}

/* =============================================================================
   Form Control Styles
   ========================================================================== */
.rangeSliderWrapper, .peopleRangeSliderWrapper1, .peopleRangeSliderWrapper3 {max-width:614px;}
.peopleRangeSliderWrapper2 {max-width:502px;display:block;}
.rangeSliderWrapper {margin:60px auto 0;}
.rangeSliderVerticalWrapper {max-width:120px;margin:0 auto;}
/* =============================================================================
   Horizontal Range Slider Form Control Styles
   ========================================================================== */
.introRangeSlider1, .peopleRangeSliderWrapper1,  .peopleRangeSliderWrapper2, .peopleRangeSliderWrapper3 {margin:11% auto 0;}
.peopleRangeSliderWrapper2 {margin:4% auto 0;}
.slider.slider-horizontal {width:100%;max-width:100%;margin-bottom: 24px !important;}
.slider-tick.round {border-radius: 50%;display:none;}
.introRangeSlider1 > .slider.slider-horizontal .slider-tick-label-container .slider-tick-label, .peopleRangeSliderWrapper1 > .slider.slider-horizontal .slider-tick-label-container .slider-tick-label, .peopleRangeSliderWrapper3 > .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    display: inline-block;
    text-align: center;
    font-size:.7em;
    font-weight:100;
    line-height:146%;
}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    display: inline-block;
    text-align: center;
    font-size:.6em;
    font-weight:100;
    line-height:100%;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label p {padding:0;margin:0;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container .slider-tick-label p {padding:0 !important;margin:0 !important;}
.slider-handle {background:#2AD2C9;}
.slider-handle {width:36px;height:36px;}
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {margin-left:-18px;margin-top:-10px;}
.slider-selection.tick-slider-selection {background:#2AD2C9;border-radius:10px;}
.slider.slider-horizontal .slider-tick-label-container {margin-top: -50px;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container {margin-top:-.8em;}
.slider.slider-horizontal .slider-track {
    height:20px;
    width:100%;
    max-width: 100%;
    margin-top: 7px;
    top: 50%;
    left: 0;
}
.slider-track {
    border-radius:10px;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    border: 1px solid #cccccc;
}
.sliderMessage {width:100%;max-width:100%;margin:2% auto 0;text-align:center;display:block;font-size:1em;font-weight:300;opacity:1;
   transition: opacity 10s ease-in-out;
   -moz-transition: opacity 10s ease-in-out;
   -webkit-transition: opacity 10s ease-in-out;}
.sliderMessageShow {display:block;}
.sliderMessageHide {display:none;}


/* =============================================================================
   Range Slider Tick Mark Formatting Fixes 
   ========================================================================== */
.slider.slider-horizontal .slider-tick-label-container {margin-left:-75px !important;}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {width:22.2% !important;}
.peopleRangeSliderWrapper1 > .slider.slider-horizontal .slider-tick-label-container {margin-left:-75px !important;}
.peopleRangeSliderWrapper1 > .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {width:22.2% !important;}
.peopleRangeSliderWrapper3 > .slider.slider-horizontal .slider-tick-label-container {margin-left:-75px !important;}
.peopleRangeSliderWrapper3 > .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {width:22.2% !important;}
/* =============================================================================
   Horizontal Wide Range Form Control Styles
   ========================================================================== */
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-track {border:1px solid #cccccc;border-radius: 0;height:4em;background-image:none;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-handle {display:none;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal > .slider-track > .slider-track-low {border-radius: 0;background:#ffffff;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal > .slider-track > .slider-selection {border-radius: 0;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container {margin-left:-4% !important;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {width:8.7% !important;}
      
/* =============================================================================
   Vertical Wide Range Form Control Styles
   ========================================================================== */
.slider.slider-vertical > .slider-track {border:none;border-radius: 0;background-image:none;margin:0 auto;left:8%;}
.slider.slider-vertical > .slider-track > .slider-selection {background-image: none;box-shadow:none;border-radius:0;border:none;}
.slider.slider-vertical > .slider-track > .slider-track-low {border-radius: 0;background:#ffffff;}
.slider.slider-vertical > .slider-track > .slider-track-high {border-radius: 0;background:#2AD2C9;}
.slider.slider-vertical {width:104px;}
.slider.slider-vertical .slider-track {width:104px; box-shadow:none;}
.slider.slider-vertical .slider-handle {display:none;}
#verticalRangeCurrentSliderValLabel {width:104px;display:block;text-align:center;margin:0 auto;}

/* =============================================================================
   Circular Form Control Styles
   ========================================================================== */
.circularSliderWrapper {width:850px;max-width:850px;display:block;margin:40px auto 0;}
.circularSliderBlock {width:49.5%;display:inline-block;}
.rslider {display:block;margin-top: 37px;margin-left: 0;}
.circularSlider .rs-range-color {background-color: rgba(41,210,201,1);}
.circularSlider .rs-path-color {background-color: rgba(204,204,204,1);}
.circularSlider .rs-border {border: 1px solid transparent;}
.circularSlider.rs-animation .rs-transition {transition-timing-function: cubic-bezier(1.000, -0.530, 0.405, 1.425);}
.rs-handle {background-color:transparent;}
.rs-seperator { border: 1px solid transparent; }
.rs-handle.rs-move {cursor:pointer;}
.rs-tooltip-text {font-family:'Metric',Arial,sans-serif;font-size:1.7em;font-weight:100;border-radius:0;text-align:right;}
.full .rs-tooltip {left:38%;}
.rs-tooltip.edit { width:44%;height:50px;top:56%;left:39%;border: 1px solid transparent;}
.rs-tooltip.hover {width:44%;height:40px;left:30%;top:62.5%;left:39%;border: 1px solid transparent;font-size:1em;} /*Controls Input edit function position*/
span.rs-number {
  position: absolute;
  top: -10px;
  left: -26px;
}
.full .rs-tooltip {
    top: 62%;
    left: 40%;
}
.percentage {width:30px;z-index:20;display:inline;font-size:1.7em;font-weight:100;text-align:right;}
#percentage1, #percentage2, #percentage3, #percentage4 {position:relative;top:-110px;left:33px;}

.rslider {text-align:center;margin:0 auto;}
.rs-tooltip.edit, .rs-tooltip .rs-input {padding:0;} /*Removes padding from circular range Slider text input*/
.circularSliderBox {width:48.8%;max-width:48.8%;display:inline-block;text-align:center;vertical-align:top;}
.circularSliderLabel {width:100%;max-width:100%;display:block;margin:-54px auto 0;text-align:center;font-size:14px;font-weight:400;}

/* =============================================================================
   Circular Range Slider Tooltip Formatting Fixes 
   ========================================================================== */
.rs-tooltip {margin-top: -39px !important; margin-left: -36px !important;}

/* =============================================================================
   Round Check Box Form Control Styles
   ========================================================================== */
input[type=checkbox] { visibility: hidden; }
.checkboxControl {
    width: 16px;
    height: 16px;
    background: #767676;
    border-radius: 100%;
    position: relative;
    float:left;
}
.checkboxControl label {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100px;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    background: #C6C9CA;        
}
.introCheckboxBlockWrapper {max-width:80.7%;max-width:80.7%;height:120px;display:block;margin:89px auto 0;}
.peopleCheckboxBlockWrapper {width:80.7%;max-width:80.7%;height:100%;display:block;margin:52px auto 0;}
.checkboxControl input[type=checkbox]:checked + label { background: #2AD2C9;display:inline-block;vertical-align:text-top;}
.checkboxBlock {width:44%;display:inline-block;float:left;font-size:.7em;font-weight:100;margin:0 auto 50px;}
.checkboxBlock:first-child {margin:0 0 0 5%;}
.checkboxBlock:last-child {margin:0 0 0 2%;}
.checkboxWrapper {width:100%;display:inline-block;margin:0 auto 6px;vertical-align:text-top;line-height:120%;}
.checkboxLabel {width:92%;display:inline-block;margin:0 0 0 3%;vertical-align: middle;line-height: 100%;}
.checkboxBlockSpacer {width:4%;display:block;padding:0 10px;margin:0 10px;float:left;}

/* =============================================================================
   Click Box Form Control Styles
   ========================================================================== */
.clickBoxWrapper {
    width:100%;
    max-width:100%;
    display:block;
    text-align:center;
    margin:1.1em auto 0;
}
.optionBlock {width:147px;max-width:147px;margin:0;display:inline-block;font-size:.5em;font-weight:100;vertical-align:text-top;}
.optionDescription {width:100%;max-width:100%;margin:13% auto 0;display:inline-block;text-align:left;}
.clickBox {
    width:9.2em;max-width:9.2em;
    height:86px;
    line-height:490%;
    display:inline-block;
    cursor: pointer;
    vertical-align:middle;
    font-size:16px;
    font-weight:100;
}
.clickBoxOption {border:4px solid #cccccc;}
.clickBoxOption.activated {border:4px solid #2AD2C9;}
.threeBoxes {margin:0 9.2% 4%;}
.fourBoxes {margin:0 1% 4%;}
/* =============================================================================
   Results Styles
   ========================================================================== */
.result {width:100%;display:none;}
.result.activated {width:100%;display:block;max-width:100%;margin:0 auto;}
.stepBlockWrapperResult {width:91%;margin:32px auto 0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.stepTitleBlockResult {width:78%;display:inline-block;vertical-align:top;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.stepMarkerResult {font-size:1.2em;font-weight:600;line-height:100%;display:inline-block;padding:.10em 0 0;margin:0 .4em 0 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.resultHeader {display:inline-block;width:80%;max-width:80%;height:1.9em;border:.25em solid #2AD2C9;margin:0;padding:.25em .25em 0;vertical-align:top;text-align:center;font-size:.63em;font-weight:600;}
.remainingFundsWrapperResult {width:19%;display:inline-block;vertical-align:top;margin:0;float:right;}
.remainingFundsTitleResult {display:inline-block;width:24%;max-width:24%;font-size:.5em;line-height: 130%;margin:0 0 0;vertical-align:bottom;float:left;}
.remainingFundsBoxResult {display:inline-block;width:3.1em;float:right;margin:2px 0 0;}
.resultCopy {width:91%;margin:2.1em auto 0;font-size:.63em;;font-weight:100;}

/* =============================================================================
   Modal Window Styles
   ========================================================================== */
.modal {left:1% !important;}
.modal-backdrop {z-index: 16;}
.modal-backdrop.in {opacity:0;}
.modal-dialog {overflow-y: initial !important}
.modal-body {height:100%;width:100% !important;max-width:100% !important;padding:0 2% !important;margin:0 auto;overflow-y:hidden;overflow-x:hidden;font-weight:100;}
.close {opacity:1;border:none;font-size:0;}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
    border-radius:0;
    border:1px solid #CCCCCC;
}
.modalBlock {height:99%;width:100%;max-width:100%;padding:0;margin:0;vertical-align:top;overflow-y:hidden;overflow-x:hidden;}
.modal-header {padding:11px 15px 6px;border-bottom:none;}
.dividerRow {width:92%;max-width:94%;height:1px;margin:2% auto;padding:1px 0 0;background:#CCCCCC;display:block;}
.modal-footer {border-top:none;padding:5px;}
.closeModal {margin:0 -2px 0 0;width:100%;max-width:100%;}
.modalTitle {width:100%;max-width:100%;vertical-align:top;text-align:center;display:inline-block;margin:1% 0;font-size:.7em;font-weight:500;}
.modalCopy {width:100%;vertical-align:top;margin:0;display:inline-block;padding:0 4%;font-size:.65em;font-style:normal;font-weight:100;line-height:120%;}
.modalFootnote {font-size:.7em;font-weight:100;}
.modalHelp {width:27%;max-width:27%;font-size:.4em;background:#cccccc;padding:.6em .4em .5em;margin:3.6% auto 1.8%;text-align: center;}
.modalHelpTitle {font-size:1.2em;font-weight:500;}
a.modalHelpLink:link,a.modalHelpLink:visited {color:#000000;text-decoration:underline;}
a.modalHelpLink:hover {text-decoration:none;}
.mobileSlidePadding {display:none;} /*Additional padding for mobile phones*/
.btn-primary {
    color: #FFFFFF;
    background-color:#2AD2C9 !important;
    border-color:#2AD2C9 !important;
    outline:none !important;
}
.btn {
    width:19%;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius:0 !important;
}
.modal-dialog {max-width: 70%;margin: 23% auto;}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {display:none !important;}
.bootbox-body {font-size:1.3em;}
/* =============================================================================
   Media Query: Max Width 1220px
   ========================================================================== */
@media only screen and (max-width: 1240px) {
.carousel-control.left, .carousel-control.right {display:block;}
a.left.carousel-control {margin-left: -7.5%;}
a.right.carousel-control {margin-right: -7.5%;}
}

/* =============================================================================
   Media Query: Min Width 768px and Max Width 999px
   ========================================================================== */
@media only screen and (max-width: 999px) {
.nav > li, .nav > li > a {width:100%!important;display:inline-block;}
.nav-pills > li {float:none !important;clear:both;border-bottom:none;border-left: 1px solid #ccc;}
.nav-pills > li:last-child {border-bottom: 1px solid #ccc;}
.stepMarker {margin:0 .75% 0 0;font-size: .90em;}
.stepTitle {font-size: .90em;}
.slider.slider-horizontal {width:80%;max-width:80%;margin-bottom: 24px !important;}
.slider.slider-horizontal .slider-track {
    height: 20px;
    width:80%;
    max-width: 80%;
    margin: 15px auto 0;
    top: 50%;
    left: 20%;
}
.slider.slider-horizontal .slider-tick-label-container {width:90%;max-width:90%;margin-left:auto !important;}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label p {padding: 3px 0 0;}
.slider.slider-horizontal .slider-tick-label-container {margin-top: -10%;}
.introCheckboxBlockWrapper {margin: 10% auto 0;}
.checkboxLabel {width:84%;font-size:10px;}
.circularSliderWrapper {width:580px;max-width:580px;display:block;margin:37px auto 0;padding:0;}
.circularSliderBlock {width:48.5%;margin:0 auto 25px;padding:0;display:inline-block;text-align:center;}
.circularSliderBlock:first-child {}
.rs-container {width:120px !important;height:120px !important;}
.rslider {width:120px !important;height:120px !important;display:inline-block;}
.rs-tooltip-text {font-family:'Metric',Arial,sans-serif;font-size:30px;font-weight:100;border-radius:0;text-align:right;}
.percentage {width:30px;z-index:20;display:inline;font-size:30px;font-weight:100;text-align:right;}
#percentage1, #percentage2, #percentage3, #percentage4 {position:relative;top:-87px;left:23px;}
.circularSliderLabel {margin:-43px auto 0;}
div .rs-block > span .rs-block {padding: 10px;}
.rs-tooltip.edit { width:47px;height:38px;top:82px;left:60px;border: 1px solid transparent;}
.rs-tooltip.hover {width:40%;height:32%;top:71%;left:50%;border: 1px solid transparent;} /*Controls Input edit function position*/
.rs-control {left:0;}
.peopleRangeSliderWrapper1 > .slider.slider-horizontal .slider-tick-label-container {margin-left:10% !important;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container {margin-left:16.5% !important;}
.peopleRangeSliderWrapper3 > .slider.slider-horizontal .slider-tick-label-container {margin-left:10% !important;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {width:8% !important;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container {margin-top:-%;}
.threeBoxes {margin:0 6% 4%;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-track {height: 3.5em;}
.peopleRangeSlider2Copy {margin:15% auto 0;}
.slidePeople1 {height:340px;}
.slidePeople3 {height:340px;}
.stepBlockWrapper {width:80%;margin:28px auto 0;}
.stepBlockWrapperResult {width: 100%;}
.stepMarkerResult {font-size:.9em;padding: .25 0 0;margin: 0 1% 0 0;}
.resultHeader {display:inline-block;width:80%;height:1.9em;border:.25em solid #2AD2C9;margin:0;padding:.25em .25em 0;font-size:.53em;font-weight:600;}
.remainingFundsWrapperResult {width:22%;}
.resultCopy {width:100%;}
}

  /* =============================================================================
   Media Query: Mobile Portrait and Landscape
   ========================================================================== */
@media only screen 
  /*and (min-device-width: 1440px) 
  and (max-device-width: 2560px)*/
  and (-webkit-min-device-pixel-ratio: 4) {
    .toolTitle {width:90%;max-width:90%;padding: 33px 50px 10px;font-size:21px;}
    .toolDescription {width:90%;max-width:90%;padding:0 5px;font-size:11px;}
    .container {width:90%;max-width:90%;padding-top: 4%;}    
    .stepMarker {margin: 0 1.5% 0 0;font-size: .85em;}
    .stepTitle {font-size:.7em;}
    .stepSubtitle {font-size: .4em;margin: 0 0 0 10px;}
    #technologyClickOption5 {height:300px;}
    .remainingFundsBox {display:inline-block;width:35%;max-width:35%;margin:-5px 0 0;}
    .tooltipIcon {width: 19%;max-width: 19%;}
    input.remainingFunds {font-size: .55em;padding: 4px 2px 0;border-radius:0;-webkit-appearance:caret;-moz-appearance:caret;}
    .slide {width:100%;height:100%;padding-bottom:12%;}
    .slideServices {height: 450px;}
    .mobileSlidePadding {display:block;padding-bottom:20%;}
    .stepMarkerResult {font-size:.8em;padding:0;margin:0 1% 0;}
    .resultHeader {display:inline-block;width:78%;height:3em;border:.25em solid #2AD2C9;margin:0;padding:.8em .25em 0;font-size:.43em;font-weight:600;}
    .remainingFundsWrapperResult {width:22%;}
    .resultCopy {width:100%;}
    .checkboxControl {width: 24px;height: 24px;}
    .checkboxControl label {width: 22px;height: 22px;}
    .tabReminder {width:100%;display:inline-block;height:4%;clear:both;text-align:center;font-size:.38em;font-weight:300;}
    .remainingFundsTitle {font-size:.41em;}
    .overbudget {font-size:.43em;font-weight:600;color:#FF0000;line-height:100%;}
/* =============================================================================
   Pagination Styles
   ========================================================================== */
    .carousel-indicators {bottom:0 !important;}
    .carousel-indicators .active {width:25px; height:25px;background-color: #2AD2C9;margin:1px 20px;z-index:1000;}
    .carousel-indicators li { width:25px; height:25px;border:1px solid #999999;margin:1px 20px;border-radius: 22px;z-index:1000;}
    .checkboxWrapper {margin: 0 0 20px 0;line-height: 100%;}
}

  /* =============================================================================
   Media Query: Nexus 7 & Nobis Tablets - Portrait and Landscape
   ========================================================================== */
@media screen 
  and (min-device-width: 600px) 
  and (max-device-height: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) 
  and (-webkit-max-device-pixel-ratio: 1.332) {
    .stepBlockWrapper {width:100%;margin:28px auto 0;}
    .toolTitle {padding: 33px 50px 10px;font-size: 1em;}
    .toolDescription {width:73%;max-width:73%;padding:0 5px;font-size: .5em;}
    .circularSliderBlock {width:100%;margin:0 auto 25px;padding:0;display:inline-block;text-align:center;}
    .rslider {left: 18px;}
    .rs-tooltip.edit {width: 54px;height: 38px;top: 77px;left:56px;border: 1px solid transparent;}
    .rs-tooltip.hover {width:40%;height:32%;top:65.40%;left:47%;border: 1px solid transparent;} /*Controls Input edit function position*/
    #percentage1, #percentage2, #percentage3, #percentage4 {position: relative;top: -50px;left: -36px;}
    .circularSliderLabel {margin: 20px auto 0;}
    .checkboxLabel {width: 84%;font-size: .65em;}
    .clickBoxWrapper {width:100%;max-width:100%;height:240px;}
    .carousel-indicators {width: 70%;margin-left: -37%;}
    .carousel-control.left, .carousel-control.right {display:block;}
    a.left.carousel-control {margin-left: -15%;}
    a.right.carousel-control {margin-right: -15%;}
    .checkboxControl label {width: 20px;height: 20px;}
    .checkboxControl {width: 22px;height: 22px;}
    .stepMarker {margin: 0 1.5% 0 0;font-size: .85em;}
    .stepTitle {font-size: .85em;}
    .stepSubtitle {font-size: .45em;margin: 0 0 0 10px;}
    #technologyClickOption5 {height:300px;}
    .remainingFundsBox {display:inline-block;width:35%;max-width:35%;margin:-5px 0 0;}
    .tooltipIcon {width: 19%;max-width: 19%;}
    input.remainingFunds {font-size: .55em;padding: 4px 2px 0;border-radius:0;-webkit-appearance:caret;-moz-appearance:caret;}
    .stepSubtitle {font-size: .4em;margin: 0 0 0 10px;}
    .slide {width:100%;height:100%;padding-bottom:12%;}
    .slideProcess, .slideTechnology {height: 540px;}
    .slideServices {height: 430px;}
    .stepMarkerResult {font-size:.8em;padding:0;margin:0 1% 0;}
    .stepTitleBlockResult {width: 76%;}
    .resultHeader {display:inline-block;width:100%;height:3em;border:.25em solid #2AD2C9;margin:0;padding:.8em .25em 0;font-size:.48em;font-weight:600;}
    .remainingFundsWrapperResult {width:22%;display:inline-block;}
    .resultCopy {width:100%;}
    .modalHelp {width:32%;max-width:32%;}
    .tabReminder {width:100%;display:inline-block;height:4%;clear:both;text-align:center;font-size:.4em;font-weight:300;}
    .remainingFundsTitle {font-size:.4em;}
    .overbudget {font-size:.4em;color:#FF0000;font-weight:700;}
/* =============================================================================
   Pagination Styles
   ========================================================================== */
    .carousel-indicators {bottom:10px !important;}
    .carousel-indicators .active {width:20px; height:20px;background-color: #2AD2C9;margin:1px 20px;z-index:200; }
    .carousel-indicators li { width:20px; height:20px;border:1px solid #999999;margin:1px 20px;z-index:200; }
    .checkboxWrapper {margin: 0 0 20px 0;line-height: 100%;}
}
/*NOBUS ANDROID FIXES - PORTRAIT*/
@media screen and (device-width: 768px) and (device-height: 1024px){
    a.left.carousel-control {margin-left: -15%;}
    a.right.carousel-control {margin-right: -15%;}
}
/*NOBUS ANDROID FIXES - LANDSCAPE*/
@media screen and (device-width: 1024px) and (device-height: 768px){
    a.left.carousel-control {margin-left: -5%;}
    a.right.carousel-control {margin-right: -5%;}
}
  /* =============================================================================
   Media Query: iPad Portrait and Landscape
   ========================================================================== */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .stepBlockWrapper {width:100%;margin:28px auto 0;}
    .toolTitle {padding: 33px 50px 10px;font-size: 1em;}
    .toolDescription {width:73%;max-width:73%;padding:0 5px;font-size: .5em;}
    .circularSliderBlock {width:100%;margin:0 auto 25px;padding:0;display:inline-block;text-align:center;}
    .rslider {left: 18px;}
    .rs-tooltip.edit {width: 54px;height: 38px;top: 77px;left:56px;border: 1px solid transparent;}
    .rs-tooltip.hover {width:40%;height:32%;top:65.40%;left:47%;border: 1px solid transparent;} /*Controls Input edit function position*/
    #percentage1, #percentage2, #percentage3, #percentage4 {position: relative;top: -50px;left: -36px;}
    .circularSliderLabel {margin: 20px auto 0;}
    .checkboxLabel {width: 84%;font-size: .65em;}
    .clickBoxWrapper {width:100%;max-width:100%;height:240px;}
    .carousel-indicators {width: 70%;margin-left: -37%;}
    .carousel-control.left, .carousel-control.right {display:block;}
    a.left.carousel-control {margin-left: -18%;}
    a.right.carousel-control {margin-right: -18%;}
    .checkboxControl label {width: 20px;height: 20px;}
    .checkboxControl {width: 22px;height: 22px;}
    .stepMarker {margin: 0 1.5% 0 0;font-size: .85em;}
    .stepTitle {font-size: .85em;}
    .stepSubtitle {font-size: .45em;margin: 0 0 0 10px;}
    #technologyClickOption5 {height:300px;}
    .remainingFundsBox {display:inline-block;width:35%;max-width:35%;margin:-5px 0 0;}
    .tooltipIcon {width: 19%;max-width: 19%;}
    input.remainingFunds {font-size: .55em;padding: 4px 2px 0;border-radius:0;-webkit-appearance:caret;-moz-appearance:caret;}
    .stepSubtitle {font-size: .4em;margin: 0 0 0 10px;}
    .slide {width:100%;height:100%;padding-bottom:14%;}
    .slideProcess, .slideTechnology {height: 540px;}
    .slideServices {height: 440px;}
    .stepMarkerResult {font-size:.8em;padding:0;margin:0 1% 0;}
    .resultHeader {display:inline-block;width:78%;height:3em;border:.25em solid #2AD2C9;margin:0;padding:.8em .25em 0;font-size:.43em;font-weight:600;}
    .remainingFundsWrapperResult {width:22%;}
    .resultCopy {width:100%;}
    .modalHelp {width:32%;max-width:32%;}
    .tabReminder {width:100%;display:inline-block;height:4%;clear:both;text-align:center;font-size:.45em;font-weight:300;}
    .remainingFundsTitle {font-size:.4em;}
    .overbudget {font-size:.4em;color:#FF0000;font-weight:700;}
/* =============================================================================
   Pagination Styles
   ========================================================================== */
    .carousel-indicators {bottom:10px !important;}
    .carousel-indicators .active {width:20px; height:20px;background-color: #2AD2C9;margin:1px 20px;z-index:200; }
    .carousel-indicators li { width:20px; height:20px;border:1px solid #999999;margin:1px 20px;z-index:200; }
    .checkboxWrapper {margin: 0 0 20px 0;line-height: 100%;}
}

  /* =============================================================================
   Media Query: Max Width 850px
   ========================================================================== */
@media only screen and (max-width: 850px) {
.closeModal {margin:0 -2px 0 0;width:80%;max-width:80%;}
.modal-body, .modalBlock1,.modalBlock2 {height:260px;}
}

  /* =============================================================================
   Media Query: Max Width 767px
   ========================================================================== */
@media only screen and (max-width: 767px) {
.stepMarker {margin:0 1.5% 0 0;font-size: 1.15em;}
.stepTitle {font-size: 1.15em;}
.slider.slider-horizontal .slider-tick-label-container {margin-top: -7%;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container {margin-top:-2%;}
.slidePeople1 {height:280px;}
.spacerBlock30 {display:block;height:32px;}
.spacerBlock50 {display:block;height:50px;}
.clickBoxWrapper {width:70%;max-width:70%;}
.threeBoxes {margin:0 0 4% 20%;}
.fourBoxes {margin: 0 0 4% 10%;}
.slideProcess,.slideTechnology,.slideServices {height: 640px;}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {top: -4px;width:.7em !important;}
.scroll-element_track {top: -3px;width:.7em !important;}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {right: 3px;min-height: 10px;width:.7em !important;}
.scrollbar-chrome > .scroll-element div {left: 30%;}
.bootbox-body {font-size: 1em;}
.modal-dialog {max-width: 70%;margin: 40% auto;}
}

  /* =============================================================================
   Media Query: Max Width 680px
   ========================================================================== */
@media only screen and (max-width: 680px) {
.slider.slider-horizontal .slider-tick-label-container {margin-top: -6%;}
.slider.slider-horizontal .slider-track {height:11px;}
.slider-handle {width:22px;height:22px;}
.slider.slider-horizontal .slider-handle {margin-left: -18px;margin-top: -7px;}
.slidePeople1 {height:280px;}
.slidePeople3 {height:280px;padding-bottom:4%;}
.threeBoxes {margin:0 0 4% 10%;}
.fourBoxes {margin:0 0 4% 3%;}
.modal-body, .modalBlock1,.modalBlock2 {height:200px;}
}

  /* =============================================================================
   Media Query: Max Width 610px
   ========================================================================== */
@media only screen and (max-width: 610px) {
.circularSliderWrapper {width:100%;max-width:100%;display:block;margin:37px auto 0;text-align:center;padding:0;}
.circularSliderBlock {width: 60%;}
.rslider {left:10px;}
#percentage1, #percentage2, #percentage3, #percentage4 {position:relative;top:-50px;left:-40px;}
.circularSliderLabel {margin:-6px auto 0;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container {margin-top:0%;}
.slide {height:100%;padding-bottom:7%;}
}

  /* =============================================================================
   Media Query: Min Width 570px
   ========================================================================== */
@media only screen and (max-width: 570px) {
.circularSliderBlock {margin: 0 auto;}
.circularSliderBlock:last-child {margin: 0 0 25px;}
.circularSliderBox {width:160px;max-width:160px;height:150px;margin: 0 auto 6%;} 
.clickBoxWrapper {width:50%;max-width:50%;}
.threeBoxes {margin:10% 0 4%;}
.fourBoxes {margin:10% 0 4%;}
.slidePeople1 {height:260px;}
.modalBlock {width:100%;display:inline-block;margin:0 auto;vertical-align:top;}
.modalHelp {font-size:.6em;background:#cccccc;padding:.6em .4em .5em;margin:5% auto 10%;text-align: center;}
}

  /* =============================================================================
   Media Query: Min Width 440px
   ========================================================================== */
@media only screen and (max-width: 440px) {
.introRangeSlider1, .peopleRangeSliderWrapper1, .peopleRangeSliderWrapper3 {margin:10% auto 0;}
.stepMarker {margin:0 1.5% 0 0;font-size: 1em;}
.stepTitle {font-size:1em;}
.clickBoxWrapper {width:52%;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container {margin-top:1%;}
.introRangeSlider1Copy,.peopleRangeSlider3Copy {margin:4% auto 6%;}
.slidePeople3 {height:220px;padding-bottom:4%;}
.closeModal {margin:0 -2px 0 0;width:60%;max-width:60%;}
.modal-body, .modalBlock1,.modalBlock2 {height:120px;}
}

  /* =============================================================================
   Media Query: Min Width 360px
   ========================================================================== */
@media only screen and (max-width: 360px) {
.clickBoxWrapper {width: 82%;} 
.checkboxLabel {line-height: 130%;}
.slidePeople3 {height:190px;padding-bottom:4%;}
.peopleRangeSlider2Copy {margin:11% auto 0;}
}
  
  /* =============================================================================
   Media Query: Min Width 320px
   ========================================================================== */
@media only screen and (max-width: 320px) {
.checkboxLabel {line-height: 130%;}
.slider.slider-horizontal .slider-tick-label-container {margin-top: -5%;}
.peopleRangeSliderWrapper2 > .slider.slider-horizontal .slider-tick-label-container {margin-top:4%;}
.peopleRangeSlider2Copy {margin:12% auto 0;}
.slidePeople1 {height:280px;}
}